Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

[SOLVED] How change a:active color in left sidebar


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Dec 12, 2010, 10:27 PM
c12281
 
120 posts · Jul 2010
WP 3.0.1; ATA 3.5.3; Mac OS X 10.6.4; Firefox 3.6.9
Found another thread with a solution that works ALMOST perfectly for changing active link color in the left sidebar.

td#left li.current_page_item a {
color: #99cc33 !important;
}

The only problem is that when I click on "Internet Marketing," (http://muzzmarketing.com/services) the entire list of second level links turn active instead of just "Internet Marketing"

Any suggestions? Thanks!

Last edited by c12281; Dec 12, 2010 at 11:13 PM.
  #2  
Old Dec 13, 2010, 04:03 AM
juggledad's Avatar
juggledad
 
22,263 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
If you just want it to effect one link, then you need to look at the source of the page, find the widget and see if there is an ID or CLASS's that will uniquely identify the link, then use them in your CSS selector.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Dec 13, 2010, 07:50 AM
c12281
 
120 posts · Jul 2010
WP 3.0.1; ATA 3.5.3; Mac OS X 10.6.4; Firefox 3.6.9
Maybe I wasn't clear enough. Please look at the URL and you will see exactly what I mean http://muzzmarketing.com/services. All is working fine except for the primary link that has secondary links beneath it. Thanks.
  #4  
Old Dec 13, 2010, 08:07 AM
juggledad's Avatar
juggledad
 
22,263 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
CSS cascading style sheet - what you apply to an element cascades down to it's children.

If you want the children to have a different effect, you have to code CSS to shut off the settings that were set for the parent.

In your case your selector is 'td#left li.current_page_item a' which in english says:
1) find the table cell with an ID of 'left'
2) find a <li> under it that has a class of 'current_page_item'
3) find ALL <a>'s under it and apply these rules to them

since you have a <ul> under the <li> that has more <li> adn <a>'s the rulls apply to the loer elements. You need to shut them off with something like

HTML Code:
td#left li.current_page_item ul li a {
color: #ffffff !important; 
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Dec 13, 2010, 08:14 AM
c12281
 
120 posts · Jul 2010
WP 3.0.1; ATA 3.5.3; Mac OS X 10.6.4; Firefox 3.6.9
Works!!

Thank you so much!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Remove Active Link Color in Page Menubar Ber|Art Page & Category Menu Bars 5 Feb 10, 2010 03:09 PM
Background Color Active Links Zen Nomad Page & Category Menu Bars 0 Nov 15, 2009 08:53 AM
How change link color in sidebar? Spaceboy Sidebars & Widgets 9 Nov 5, 2009 06:23 PM
How to put lines just on right an left side of active Menu Items amber Page & Category Menu Bars 1 Feb 23, 2009 02:22 PM
How to change color of items in sidebar? aliferste Sidebars & Widgets 1 Feb 13, 2009 12:50 PM


All times are GMT -6. The time now is 11:09 PM.


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