Hi There,
I've played around with this off and on for a couple of days, but I can't seem to crack it.
I am using the SEOposition theme and I am in the process of modifying it to suit.
What I have is the "Similar" module for display similar articles to that which is being viewed.
The trouble I am having is overriding the default color of the
title of the block. I know this has something to do with the way I am trying to class the style, but I simply can seem to change the color (Although I have managed to successfully override the background color of the said
)
In the SEOPosition theme css, I have this default class:
#leftcol .block h2, #rightcol .block h2 {
padding: 1px 6px;
color: #19214F;
font-size: 1.1em;
text-transform:uppercase;
font-weight: bold;
border-bottom: 2px solid #555;
margin-bottom: 0.5em;
}
Now, if I change the color here, it works fine, however it changes ALL blocks. This Similar block is a different color so is to be treated seperately.
So, using Firefox Web Dev toolbar, I get the style of the h2 and I create this class at the bottom of the css file, with a background color thrown in just for a test:
.block-similar h2 {
background-color: red;
color: #ffffff;
}
The background color changes fine, but the text color doesn't.