Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   [SOLVED] change only one link color (http://forum.bytesforall.com/showthread.php?t=7228)

Alexander May 21, 2010 11:39 AM

[SOLVED] change only one link color
 
I need to change the color in only one link in my header, it is possible in Atahualpa 3.4.9??

Thanks, Alex

juggledad May 21, 2010 06:24 PM

Depends on weither you can construct a unique CSS selector

Alexander May 21, 2010 11:50 PM

Uhm... i'm thinking to use custoum fileds, but i don't know if it's possible.
The title is in a page

juggledad May 22, 2010 12:15 PM

what is the url?

Alexander May 22, 2010 12:25 PM

www.alexanderbrucolini.com

In the header i need to change the color of "portfolio HD"

juggledad May 22, 2010 07:42 PM

if you look at the generated source you will find
HTML Code:

<li class="page_item page-item-6"><a href="http://www.alexanderbrucolini.it" target="_blank" >Portfolio HD</a></li>
where the 'page-id-6' is unique for the 'Portfolio HD' page, so you can us this in th CSS selector.

Alexander May 23, 2010 12:10 AM

i'm tring to put this

Code:

.page_item page-item-6 {color: red}
in atahualpa (add HTML/CSS inserts ---> CSS Inserts)

but nothing is change... maybe is not right css code :)

juggledad May 23, 2010 05:14 AM

that is improper CSS since they are both classes use
HTML Code:

.page-item-6 {color: red}

Alexander May 23, 2010 06:18 AM

I try
Code:

.page-item-6 {color: red}
Not work...

juggledad May 23, 2010 08:58 AM

Actually it probably is working, but a nother CSS selector is overriding it because it is more specific. You need to code your CSS Selector to make it more specific. Since you want to change the link text for the class 'page-item-6' you should add that into the selector and you may need to add '!important' to the rule if that doen't work. try
HTML Code:

.page-item-6 a {color: red;}
and if that doesn't work use
HTML Code:

.page-item-6 a {color: red !important;}

Alexander May 23, 2010 09:20 AM

Thanks very much! the last code work fine! ;)


All times are GMT -6. The time now is 05:56 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.