Support » Themes and Templates » Simple Catch Theme – Customize the Menu Bar

  • I am using Simple Catch theme and I would like to be able to customize the menu bar – there is a background color for it and hover color – i would like to be able to change those colors and the fonts, but I am unable to find a topic with a solution that actually works. I did see 2 topis for this same issue, i followed the solution, but no luck. Any help would be greatly appreciated!

Viewing 15 replies - 1 through 15 (of 15 total)
  • Create a child theme for your theme, Codex Child Themes

    Import the original style.css.

    Copy over the Main menu styles and you can play with them.

    I changed the following to get you started :

    #header #mainmenu {
    	float: left;
    	border:1px solid #ccc;
    	box-shadow:0 1px 0px #fff;
    #header #mainmenu ul li a {
    	padding: 0 15px;
    	display: block;
    	/*color: #fff*/;
    	color:white !important;
    	font-size: 15px;
    	line-height: 48px;
    	color: #444;
    	float: left;
    #header #mainmenu ul li a:hover, #header #mainmenu ul li.current_page_item a, #header #mainmenu ul li:hover > a {
    	/*background-color: #444;*/
    	background-color: white;
    	/*color: #fff;*/
    	color:blue !important;

    Thank you for your reply and the link to the instructions. I followed the instructions, but I think I may have missed a step, because when I log into my wordpress and themes it says that I have a theme, but that it is broken – “The following themes are installed but incomplete. Themes must have a stylesheet and a template”. Do i have to copy the entire Simple Catch folder into the Child folder I created in order for this new style.css to work? I am a newbie w wordpress, so sorry if my questions are silly. Thank you again for your help!

    Here is the code I used to set up the child theme :

    Theme Name:     Simple Catch Child
    Description:    Child theme for the Simple Catch Theme
    Author:         Your name here
    Template: 		simple-catch
    Version:        0.1.0
    @import url("../simple-catch/style.css");

    Would anyone be able to help me learn how to center this menu?

    dustinkantu What is the menu that you are talking about. Please provide the URL of the page.

    My apologies udaraaka…

    Also I am trying to code the background area of the body to white.


    To change the background color of the body to white just remove

    body.custom-background { background-image: url(‘’);

    portion from your template

    Ahh I see, perhaps I misspoke. I was hoping to have the middle bit where content goes backed by a partially translucent white.

    Thanks again udaraaka… I am still looking for a solution to center the menu if you can help 🙂

    Find the following area around line 600 in style.css
    #header #mainmenu {

    First remove float:right

    then add padding-left:80px; (You can fine tune this value as needed)

    But remember you have to change this padding value if you add or remove new items to the main menu.

    Is your background problem is solved now?

    udaraaka thank you so much that is brilliant! i was thinking there had to be some sort of center function i was messing but but this is a very happy solution to the problem at hand!

    thanks again!

    You are welcome!!!!!!

    ohh and the background yes… i just edited the image to have a heaver shade of white for the middle =)

    all solved thanks to youudaraaka

    hi pls does any one know hw to change the background color of the navigation bar of the simple catch theme?

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Simple Catch Theme – Customize the Menu Bar’ is closed to new replies.