How to change the 'thickness' of the title menu bar
-
Have You tried install Firebug in Safari browser? I think it can show you the image file 🙂
Then again I know its tricky. Here is a link thats talks about text & gradient image:
Kim
Hi 🙂
Then again, there are these two image files in Graphene images catalog:
sprite_h.png&sprite_h_light.pngused in menu (dark & light).You are using sprite_h_light.png now. Maybe one way is to combine the two files.
I mean top half of
sprite_h_light.png& buttom half ofsprite_h.pngmight look fine 🙂Kim
Hihi,
I’ll try downloading firebug. I always thought the mouse over color is a code which you insert for eg. #000000 that indicates the color. Can it be done that way or must it be done using an image?
Also, I’m having problems with my ‘avatar’. I tried to use my custom profile photo by inserting the URL of my photo – tried uploading to both Photobucket and my own media site but it doesn’t ‘read’ the URL. This was done under the ‘edit profile’ portion..
Btw are you like a coding expert and do you do it as a job? You know so much it’s amazing!
Hihi
If You can wait with the menu change. Image way meets more different browser req.
New options in WordPress3 Menu “Screen Settings” surely change it down the line.
You might like to look at Gravatar here: http://en.gravatar.com/
Gravatar follows Your e-mail address globally where its used, also in wordpress.
The Graphene Theme is Syahir’s work.
Thank You for the kind words 🙂
Im working with computers & software. Like Graphene Theme, CSS code & how it evolves.
And I like helping others & You are always welcome.
Kim
Admin
Hi Andrea (got it from your site, hope it’s right),
Here’s the code you need to add to change the colour of the menu background on mouseover. I trust you’ve set up a child theme? If yes, put it in you child theme’s
style.cssfile:#nav .menu li.current_page_item > a,
#nav .menu li.current_page_ancestor > a,
#nav .menu li.current_page_parent > a,
#nav .menu li.current-menu-item > a,
#nav .menu li.current-menu-parent > a,
#nav .menu li.current-menu-ancestor > a,
#nav .menu li.current_page_item > a:visited,
#nav .menu li.current_page_ancestor > a:visited,
#nav .menu li.current_page_parent > a:visited,
#nav .menu li.current-menu-item > a:visited,
#nav .menu li.current-menu-parent > a:visited,
#nav .menu li.current-menu-ancestor > a:visited {
background: #444;
}
#nav .menu li a:hover,
#nav .menu li:hover a,
#nav .menu li:hover a:visited,
#nav .menu li a:hover,
#nav .menu li.sfhover a,
#nav .menu li.sfhover a:visited,
#nav .menu li.current-menu-item a,
#nav .menu li.current_page_ancestor a,
#nav .menu li.current-category-ancestor a,
#nav .menu li.current-menu-parent a,
#nav .menu li.current-menu-ancestor a,
#nav .menu li.current_page_parent a,
#nav .menu li.current-menu-item a:visited,
#nav .menu li.current_page_ancestor a:visited,
#nav .menu li.current-category-ancestor a:visited,
#nav .menu li.current-menu-parent a:visited,
#nav .menu li.current-menu-ancestor a:visited,
#nav .menu li.current_page_parent a:visited{
background: #444;
}Not sure if that’ll work, as this part of the code is a bit messy. But try it, and let me know how it turns out.
Hullo Syahir!
Thanks for this! I’ll try it out over the weekend!! Appreciate the check in and advice 🙂
Cheers
Andrea
- You must be logged in to reply to this topic.
