WordPress.org

1. Resin01
   Member
   Posted 2 years ago #

   Hi people.

   I'm trying to get bold text in the navigations menu at the top.

   Im trying with the folowing code.

   div#menu1 ul#rMenu { font-weight:800; }

   or

   div#menu1 ul#rMenu2 { font-weight:800; }

   or

   div#menu1 { font-weight:800; }

   Sadly none of these works. Can anyone point me in the right direction?

   Thx!

2. Edward Caissie
   Member
   Posted 2 years ago #

   It might be helpful to mention the theme or provide a link to your blog.

3. Resin01
   Member
   Posted 2 years ago #

   Hi there.

   The theme is atahualpa as you can see in the tag :)

   The blog is http://testdummies.dk

4. Edward Caissie
   Member
   Posted 2 years ago #

   Ahh ... Atahualpa CSS inserts, this was my last run at them:

   http://wordpress.org/support/topic/319473

   It is the basics for adding CSS ...

   Try adding this:
   

   div#menu1 ul.rMenu li a {font-weight:800;}

   1. Go to the theme options page
   2. Near the bottom click on "Add HTML/CSS inserts"
   3. Go to the bottom of that option page for "CSS Inserts"
   4. Add: div#menu1 ul.rMenu li a {font-weight:800;}
   5. Click on the HUGE Save Changes button

   The menu looks quite involved from a CSS standpoint but this should bold all the entries. You will have to test to your own liking.

5. Resin01
   Member
   Posted 2 years ago #

   Hey man,

   Thanks for the help. Sadly I had to define it for each state as it seems they overwrite it for some reason. So my code ended up being like this.

   div#menu1 ul.rMenu li a:active {
   font-weight:800;
   }
   div#menu1 ul.rMenu li a:link {
   font-weight:800;
   }
   div#menu1 ul.rMenu li a:hover {
   font-weight:800;
   }
   div#menu1 ul.rMenu li a:visited {
   font-weight:800;
   }

   Anyone have any ideas for how I can make this a bit more shorter?

6. Resin01
   Member
   Posted 2 years ago #

   Ok figured it out myself.

   div#menu1 ul.rMenu li a:active,
   div#menu1 ul.rMenu li a:link,
   div#menu1 ul.rMenu li a:hover,
   div#menu1 ul.rMenu li a:visited {
   font-weight:800;
   }

   Any ideas for making it even shorter?

7. Edward Caissie
   Member
   Posted 2 years ago #

   If you have to specify each state then that looks to be about as short as you will get ... although I would imagine you should be able to delete the 'hover' element.

   Technically it should be in the order - 'link, visited, hover, active' (LoVe/HAte) but I do not believe that is of significance in this case given your experiences with the theme.

   You could try re-arranging the order and then removing each element from the last to the first until you "lose" the effect you want.

8. Resin01
   Member
   Posted 2 years ago #

   Awesome, thanks for the input. I'll keep that in mind.

Topic Closed

This topic has been closed to new replies.