Simple Catch Theme – Customize the Menu Bar

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;
	/*background-color:#fff;*/
	background-color:red;
	margin-top:40px;
	position:relative;
	width:976px;
	z-index:1000;
	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…
https://www.marin8d.com

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

Cheers

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

body.custom-background { background-image: url(‘https://www.marin8d.com/wp-content/uploads/2012/08/cloud-cut-jpg80.jpg’);

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?

@heavenlymoney: Please post your own topic.