Bold Just One Menu Item
I'm trying to bold just a single item on my page menu. I thought this would work:
div#menu-item-25 ul.rMenu li a:link, div#menu-item-25 ul.rMenu li a:visited, div#menu-item-25 ul.rMenu li a:hover, div#menu-item-25 ul.rMenu li a:active, div#menu-item-25 ul.rMenu li { font-weight: bold !important; } But it's not taking. I've also tried these: div#menu-item-25 body { font-weight: bold !important; } li#menu-item-25.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-25 { font-weight: bold !important; } Any thoughts? |
what release of Atahualpa and WP?
What is the url showing an example? |
|
Here is what I came up with using Firebug
HTML Code:
#menu-item-25 a { |
That works, thanks! For future reference, any idea why that one worked over the above items? Didn't the a element get called out in the one with the different states?
|
You had your selectors in sort of reverse order and the menu-item-25 isn't a div. This would work as well. I just paired it down to the id since that only targeted the one item.
HTML Code:
ul.rMenu li#menu-item-25 a { I like your site by the way... and the message. My mother-in-law and sister-in-law (46) died of lung cancer. My sister-in-law smoked 3 packs a day. |
All times are GMT -6. The time now is 09:04 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.