Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

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


  #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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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 07:15 AM.


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