WordPress.org

Ready to get started?Download WordPress

Forums

Simple Catch Theme - Customize the Menu Bar (16 posts)

  1. tlc22382
    Member
    Posted 1 year ago #

    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!

  2. kevinhaig
    Member
    Posted 1 year ago #

    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;
    }
  3. tlc22382
    Member
    Posted 1 year ago #

    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!

  4. kevinhaig
    Member
    Posted 1 year ago #

    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");
  5. dustinkantu
    Member
    Posted 1 year ago #

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

  6. udaraaka
    Member
    Posted 1 year ago #

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

  7. dustinkantu
    Member
    Posted 1 year ago #

    My apologies udaraaka...
    http://www.marin8d.com

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

    Cheers

  8. udaraaka
    Member
    Posted 1 year ago #

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

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

    portion from your template

  9. dustinkantu
    Member
    Posted 1 year ago #

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

  10. dustinkantu
    Member
    Posted 1 year ago #

    Thanks again udaraaka... I am still looking for a solution to center the menu if you can help :)

  11. udaraaka
    Member
    Posted 1 year ago #

    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?

  12. dustinkantu
    Member
    Posted 1 year ago #

    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!

  13. udaraaka
    Member
    Posted 1 year ago #

    You are welcome!!!!!!

  14. dustinkantu
    Member
    Posted 1 year ago #

    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

  15. heavenlymoney
    Member
    Posted 1 year ago #

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

  16. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    @heavenlymoney: Please post your own topic.

Topic Closed

This topic has been closed to new replies.

About this Topic