Hello,
I've got a site I designed with Autothemes and I have a style problem. I need to know how to change the text color in a certain module. I have Module Styles active in the extras of Autothemes. Say I'm using a module like the Horoscopes module. Within my style sheet I put:
Horoscopes {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
background-color: #000000;
}
Figured that would work from the description given under module styles, but it doesn't do a thing. Anyone know what I'm doing wrong?
Thanks in advance.
Yes I am familiar with this extra what it does is wraps all modules in a div with the div id being the name of the module. So for your code to work you will need to put the # in front of the module name, eg:
#Horoscopes {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
background-color: #000000;
}
This may work it may not - have a look at the source of your site when you are on the modules page - see if the div is wrapping the module
HTML (in some cases it seems to ignore the module
HTML and appear below the module
HTML.
EDIT: I'll just quickly add: If the module has tables and td's / divs with different classes they may over ride the mod specific
CSS, if the bove doesn't work try this:
#Horoscopes {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
background-color: #000000;
}
#Horoscopes table{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
background-color: #000000;
}
#Horoscopes div{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
background-color: #000000;
}
That should cover it all...
-Lobos
--
-Lobos
Professional PHP Framework Services: Concept, Development and Deployment
