Transparent module

jonburdon1

http://talk4.branchoutwebsites.com/index.php/about-us/about-talk-active

In Grid1 Position I have a Zentools Module showing the title 'About Talk Active' over a container background image. I have tried changing some of the settings in the module theme. I have also tried a custom html module in the same position with custom css targetted at .transbanner in module class suffix. Neither of these two methods seem to work.

.transbanner{
background: none !important;
}

teitbite

jonburdon1 Hi. I'm not sure if I understood what You are trying to do. Are You trying to remove the background from under the "About talk active" title? If Yes, than a style to do that is:

.zen-spotlight {
    background: transparent;
}

jonburdon1

teitbite

I'm trying to remove the background from the whole module so that I can have transparent text over the parallax background.

jonburdon1

teitbite Your method worked, but I don't understand why. How does that css target the specific module that I want to change? I'm just trying to learn here so I can do it myself next time.

aman204

jonburdon1 How does that css target the specific module that I want to change?

If you wish to add specific CSS rule-set for particular module position, You can add this :

#grid1wrap .zen-spotlight{background: transparent !important;}

jonburdon1

aman204 Thanks. What's an easy way of working out how to create that css? I'm not sure where the zen spotlight part comes from.

I also need to change all the modules in the grid4 row position to transparent. I've tried using the css you suggested above as follows, but it hasn't worked:

#grid4wrap .zen-spotlight{background: transparent !important;}

aman204

jonburdon1 I also need to change all the modules in the grid4 row position to transparent.

To be more precise and avoid confusion/ambiguity in addressing your query, Kindly provide screenshot marked with annotations showing the respective sections as I am unable to see the same on specific link given in edit fields