ljones

Ryan,

That was exactly what I needed. That makes a lot more sense than editing the core module.

Thanks!!!

Thanks adamspruijt,

I'm a designer, not a coder, I can hack things to some extent, but the blog profile does not seem to have any way to wrap a div without doing so in the MarkupPagerNav.module, so I did it there:

// List container markup. Place {out} where you want the individual items rendered. MarkupPagerNav

'listMarkup' => "\n<div class='pagination'>\n<ul>{out}\n</ul>\n</div>",

And I made this change as well:

'currentItemClass' => 'active', 

Bootstrap does not use a span, so I took them out here:

// List item markup. Place {class} for item class (required), and {out} for item content.

'itemMarkup' => "\n\t<li class='{class}'>{out}</li>",

I am not sure if this is a proper way to do this, but it works, as I tested it. I don't even know what specify a second $options array to the render method means. But I have come a long way..This is the first time that I had the courage to hack around in a module.

Doing it this way means I don't have to edit the Bootstrap.css, but it does mean that I have to keep up with the edits to the module.

Found a solution here: http://processwire.c...__fromsearch__1

Thanks Apesia,

I decided to use the full circle code. I was able to tweak it so that I can circle backwards as well. It works just like this site I built in Wordpress using a very nice, but bulky plugin that required a lot of hacking. http://lopemaxdiaz.c...age-7-la-colora

There will be fewer that 40 sibling pages per parent, so I don't think that will be too much of a load.

Thanks again!

SiNNuT,

That is a very elegant solution. I don't yet have this site online, but It works perfectly on my development site.

<style>   
<?php
$bkgimages = $page->parents()->append($page)->filter("bkgimage!=''");
$last = $bkgimages->last();
echo "\nbody {\nbackground: #fff url({$last->bkgimage->url}) center center fixed no-repeat;\n-moz-background-size: cover;\nbackground-size: cover;\n}";
?>
</style>

yields this:

<style>   

body {
background: #fff url(/processwire4/site/assets/files/1006/art-1.jpg) center center fixed no-repeat;
-moz-background-size: cover;
background-size: cover;
}</style>