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



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 11:18 AM.


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