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;
}
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;
}Hi
I'm trying to remove the background from the whole module so that I can have transparent text over the parallax background.
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.
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;}
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;}
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
