Jump to content


Edit Menu Style


This topic has been archived. This means that you cannot reply to this topic.
1 reply to this topic

#1 Guest_laurel_*

Guest_laurel_*
  • Guests

Posted 21 December 2011 - 03:56 PM

Hi,

I would like to edit the visual aspect of the menu of the website I'm working on: http://youcandrawportraits.net63.net/

I would like to make the menu more visible, that is changing the background color of the menu, with and without the hover.

Is there any way to edit the style of the menu?

Laurel

#2 Ronald

Ronald

    Forum Admin

  • Administrators
  • Others: All Plugins, All Themes, Moderators, Webdesign
  • 30,195 posts

Posted 22 December 2011 - 08:05 AM

Hi,

yes, you can do so using CSS. To do so, go to wp-dashboard > Appearance > Editor and open style.css (opened by default). Add the following code, that should explain itself, and provide some examples you can finetune and tweak:

#menu {
	color: black;
	background: pink;
}


#menu li a {
	color: green;
	background: white;
}

#menu li.current_page_item a,
#menu li.current_page_item a:visited {
	color: yellow;
	background: blue;
}

#menu li a:hover {
	color: red;
	background: black;
}

Ronald

Join the iThemes Builder Community on Google+.



To ensure that we can process your support request efficiently, ALWAYS include a link to your site, and/or the page your request is related to. Please also read the forum guidelines.



When asking your question/posting your request on the forum, please be as concise and specific as possible. The shorter your request, the more to the point, the more specific, the easier it will be for us to try and help out.