Jump to content
Sign in to follow this  
suerama

current-page type color in fixed nav bar

Recommended Posts

suerama

I have been trying to change the color of the current-page type in the fixed navbar, so it is 100% opaque, as it seems to be on hover. I might also like it to be this color: #ffe741, and, if it doesn't pop enough, make it bold. I've been trying different codes, so far no luck. Can someone help with this, please?

Share this post


Link to post
Share on other sites
Rob
Try (and edit) this: [code]#navbar current_page_item a { color: yellow; font-weight: bold; }[/code] You can edit this instead: [code].navbar .navline > li > a { color: rgba(255, 255, 255, 0.6); display: block; float: none; line-height: 19px; padding: 10px 12px; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }[/code] This: [b]color: rgba(255, 255, 255, 0.6); [/b]is the transparency of the font. White (255, 255, 255) and set to 0.6 opacity. Get the hex numbers for the color you want, and edit those to match. You can also add to that [b]font-weight:bold;[/b] to make the font bolder.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
suerama
Thanks, I like the bolder type, but the color and weight remain the same on the current page type as it is on the other menu items. I would like it to be clear what page you are on. I'm looking for a way to make just the menu item of the current page yellow. Whoops, I accepted the response by mistake and can't undo the accept. Will anyone see this comment?

Share this post


Link to post
Share on other sites
Rob
And none of the replies I gave you, that were tested, worked on your site? Did they have any impact? Where were they applied?

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
myideaguy
Thanks for sharing this code. One quick question on that... What code do I add in order to: 1) Allow more space for my logo in the fixed nav bar 2) Vertically center the logo Here's a look at my nav bar and you'll see what I mean: [url="http://puu.sh/E1q7"]http://puu.sh/E1q7[/url] Any help would be greatly appreciated. Thanks! Stu

Share this post


Link to post
Share on other sites
suerama
rangelone, something worked to make the menu item for active page fully opaque, but not at first. When I changed some nav setting, can't remember what it was but I was trying to do something else, suddenly it was working. Sorry I can't be more specific. Never did get the active item to be yellow, but I like the way it works now. Thanks!!!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×