Perfect, thank you!

Hi Euan

To remove the background color of your side column modules try adding the following to the Custom CSS field of your templates parameters...

.backgrounds .sidecol_a, .backgrounds .sidecol_b, .sidecol_a, .sidecol_b {

    background-color: transparent;

} 

Ciarán

Hi Ciarán,

I'm having a similar problem now with the left menu. The template is now live on http://www.oceanoptometry.ca and in the pages for "the Collections" for frame collections and exam collections the module in sidecol-a should be semi-transparent. The CSS has:

#container_main, #container_slideshow, #container_sidecol-a {
background-color: rgba(255, 255, 255, 0.8);
}

but the left menu is solid???

Sorry to bother you with this again

Thanks,

Euan

Great!... thank you for the update.

Ciarán

Hi Ciarán,

That sorted it - I perhaps had a typo previously. Now having fun playing with different degrees of transparency for different positions - too much choice!

Cheers,

Euan

Hi Euan

The above CSS with #container_slideshow should have done the trick. Would you have a URL to this and I will examine it further?

Ciarán

Thanks for this, Ciarán, almost perfect! The issue I have is that I have thick white bands at either side of the Layer Slideshow component where they're not transparent. I've tried adding:

#container_main, #container_header, #container_showcase {
background-color: rgba(255, 255, 255, 0.8);
}

but that didn't do it.

Is there a way to have these areas semi-transparent as well so that it looks seamless?

Cheers,

Euan

Hi Euan

To amend try adding the following to the Custom CSS field of your templates parameters (edit to taste)...

#container_main, #container_header {

    background-color: rgba(255, 255, 255, 0.8);

} 

Ciarán

Ciarán