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 » Page & Category Menu Bars »

[SOLVED] Bold page menu disappearing after visited


  #1  
Old Mar 1, 2011, 10:54 AM
bswb97
 
158 posts · Aug 2010
I've tried to bold my Page Menu items by inserting this into CSS:

HTML Code:
div#menu1 ul.rMenu li a:link {text-decoration: none; font-weight: bold;},
div#menu1 ul.rMenu li a:hover {text-decoration: none; font-weight: bold;},
div#menu1 ul.rMenu li a:visited {text-decoration: none; font-weight: bold;},
div#menu1 ul.rMenu li a:active {text-decoration: none; font-weight: bold;},
This works until you visit a page. After you click on it, the "visited" status clears the bolding. Not sure what I didn't cover here, or if maybe I have an obvious typo I'm missing.

Site is www.douglaspeckphotography.com, click on Admin Login to get past the splash page and see the menus in action.
  #2  
Old Mar 1, 2011, 12:02 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
This is from w3schools.com

Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!
Note: Pseudo-class names are not case-sensitive.

So in your case the sequence should be the following without the commas
HTML Code:
div#menu1 ul.rMenu li a:link {text-decoration: none; font-weight: bold;},
div#menu1 ul.rMenu li a:visited {text-decoration: none; font-weight: bold;}
div#menu1 ul.rMenu li a:hover {text-decoration: none; font-weight: bold;}
div#menu1 ul.rMenu li a:active {text-decoration: none; font-weight: bold;}
You could also try the following since all the items are styled the same.
HTML Code:
div#menu1 ul.rMenu li a{text-decoration: none; font-weight: bold;}
You said you inserted this into CSS. That means The CSS Inserts box correct?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Mar 1, 2011, 02:20 PM
bswb97
 
158 posts · Aug 2010
The first method worked, the second one (which I tried first in the CSS Inserts) didn't. Good enough for me, thanks!

Bookmarks

Tags
page menu bold, page menu font

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Page Menu Bar Bold technstuff Page & Category Menu Bars 5 Jul 24, 2010 11:29 AM
How Do I Make Page Links Bold In Menu Bar ClearStreams Atahualpa 3 Wordpress theme 3 Apr 21, 2010 03:32 PM
How to make Page Menu Bar items BOLD? PerryM Page & Category Menu Bars 3 Dec 3, 2009 09:03 AM
[SOLVED] I want links not bold but h2 on home page bold...how? jankph New Versions, & Updating 1 Jul 19, 2009 10:30 AM
Make 'Page' menu items bold coop42 Page & Category Menu Bars 1 Jul 16, 2009 05:18 PM


All times are GMT -6. The time now is 02:49 PM.


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