fix menu margins/want single menu item colored

  • Hello, I am new to wordpress and I was messing around with the CSS as a way of experimenting on what code changed what, and I messed up the margin on my top menu somehow

    my website is wp.sqdata.com

    the top menu says “Home Contact Customer Zone”, but it’s a bit too far to the right…where in the style sheet could I fix that?

    Also, bonus, I’d like to figure out a way for the “Customer Zone” text to be yellow

Viewing 4 replies - 1 through 4 (of 4 total)

  • To move the the navigation bar, check your css for “.wrap-safari”. Change “margin: 0 auto;” to “margin: 0;” to start. Adjust the margin accordingly.
    Regarding the color for “Customer Zone”, paste this into css:

    #menu-item-244 a {
    color: yellow;
    }
    If you had a hex value for yellow, use it instead of the word “yellow”.

    I want to edit the above… You need to add the following to your css:

    .wrap-safari{
    margin: 0;
    }
    Adjust the margin according to your taste by changing the value of the margin.

    Thread Starter cquillicy

    (@cquillicy)

    thank you for the prompt reply Marcellas! the margin code worked but the yellow one does not… it may have something to do with the fact that it’s the only menu item that directs away from the website to another one

    Try this instead:

    #pre-header #menu-item-244 a {
	color: #000000;
}

    Also, be aware that if you edit the theme’s files directly, you’ll lose those changes if the theme is ever updated, to fix security issues or bugs or to add new features. Instead, you should use your theme’s built-in custom CSS option, if one exists, a custom CSS plugin, or a child theme.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘fix menu margins/want single menu item colored’ is closed to new replies.