Need some simple CSS help, will paypal you $5 :)

[singingingtelegrams]

Hello, I need some simple stupid CSS help-
On the website I'm working on <removed> I need the dark blue "Block Header" in the sidebar to have white text links, while keeping the rest of the links on the sidebar/rest of the page as they are. I know this is easy but I need to just finish at this point. CSS is here:
<removed> I'll paypal whoever gets it right $5 for a beer!
-Nick

 

[as4s1n]

You are right, it is not that hard. Give a class name such as blockheaderLinks to each of your a tags and on your stylesheet change the color of those to which you want.

<a href="#" class="className">Text</a>
<a href="#" class="className">Text</a>
<!-- Etc. -->

CSS

a.className 
{
      color:whichColorYouWant;
}

 

[singingingtelegrams]

Thanks for the reply..I opened up my sidebar php file and located the class it uses, which is "t":

<div class="art-BlockHeader">
    <div class="l"></div>
    <div class="r"></div>
    <div class="art-header-tag-icon">
        <div class="t"><?php _e('Search', 'kubrick'); ?></div>
    </div>

then I put the following in my css file:

.art-BlockHeader a.t 
{
    height: 30px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    white-space : nowrap;
    padding: 0 7px;
    line-height: 30px;
}

still notworking?

 

[as4s1n]

.art-BlockHeader a.t

You aren't referencing every parent node. The "art-header-tag-icon" is the parent of the link div, if it isn't in order or leaves out one then it will not work, meaning it will reference (if there is one with that) on that level.

.art-BlockHeader div.art-header-tag-icon a.t

 

[singingingtelegrams]

So I put that code in the CSS & still nothing.

Maybe this will shed light: the orginal css code that refers to the class that effects block header text looked like this:

.art-BlockHeader .t
{
	height: 30px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	white-space : nowrap;
	padding: 0 7px;
	line-height: 30px;

}

 

[as4s1n]

From what I can see, it looks like the div's class name 't' and the anchor that is under it is named 'rsswidget'

You could just change the CSS code to get rid of the 'a.t' in your CSS page:

.art-BlockHeader div.art-header-tag-icon div.t a

 

[singingingtelegrams]

Hero! what is your paypal address ? I will award you the $5 now.

 

[as4s1n]

No thanks, I don't do this for money.

 

[singingingtelegrams]

Well many thanks, you saved me a lot of hassle (& added to my understanding of css).