I'm looking at utilising the pixel overlay found on "Corporate Lifestyle" slideshow on other templates.

I can get the overlay to appear behind the slideshow image but not in front, where it obviously should be.

Any tips as to how to get it to function?

Hi
I would need to see your site in order to help you.
But in general this should be applied to some div element that is placed in source in higher order compared to slideshow.

And of course used absolute position.

So please, add URL and I will help you.
Thank you

Currently residing on my localhost so not viewable as yet

I was under the impression that I could create a style and apply it to the "Module Class Suffix" in the Zen Tools Module as I can to any module.

So I added the following to the custom.css as per "Corporate Lifestyle" as a starting point

.slideshowpixel {
background:url(../images/overlay/pixel.png);
float:left;
width:100%;
position:absolute;
z-index:2;
height:100%;
top:0;
left:0
}

Uploaded the site to a test space here so we can get this nailed

Thanks

Hi there,

Not quite sure what you want to achieve here actually but it looks like you need to add a space to your module class in the module class suffix box.

You could just add the image to #grid1{} and that will show behind the content shown ont he grid1 module.

Hope that helps.

Anthony the "Corporate Lifestyle" slideshow image has a pixelated overlay over the image, which I was looking at applying

It's really weird as if I add a space to the module class which needs to occur by default ... then the slideshow disappears totally.

Ok so I've done what you said and when the page loads the grid is initially visible for a brief second but disappears behind the image when it loads

Ive just re-read the first post Thought you wanted it behind.

So basically you need to add a div after the module that can be positioned absolutely in front of it.

This is going to require creating a layout override for the grid1 position so you can add something like <div id="pixel"></div> after the grid1 module.

docs.joomlabamboo.com/zen-grid-framework-v2/adding-a-module-position-to-a-zen-grid-framework-template

I think that will be the best way to approach this. A module class can only target the bg of the actual div around the module content and not make it go in front of the content.

Hope that helps.

Wonderful .. makes sense now
Been chasing my tail for ever

Thanks muchly

Cool no probs - let us know how you get on.

Anthony