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

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

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

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

Great!... thank you for the update.

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

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

Perfect, thank you!