Changing color of menu bar in Sela theme

  • Unknown's avatar
    dawnknowlton · Member ·

    I am trying to figure out how to change the color of the menu bar from hex color #F25F70 to #ffffff. Is there a way to do this? I have looked through the CSS and can’t find where to change it.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    dawnknowlton · Member ·

    I’m a little frustrated at the moment, so I forgot to say something very important….THANK YOU in advance for any help you can provide. :o)

  • Unknown's avatar
    aakashpatelsite · Member ·

    Hi,
    I have just visited your blog, to change the color of your menubar you have to add folloing modified CSS instead of your .main-navigation CSS. 

    .main-navigation {
    background-color: #FFFFFF;
    border-bottom: 2px solid rgba(0, 0, 0, 0.15);
    display: block;
    padding: 0 1em;
}

    And to remove color:#ffffff from the “.main-navigation a ” CSS to make it red.

    Thanks,
    Aakash Patel

  • kathrynwp · Staff ·

    Give this a try:

    .main-navigation {
  background-color: #ffffff;

}
.main-navigation a {
  color: #000000;
}

    Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated.

    Since you’re already using Jetpack, an easy way to add custom CSS is to activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    A custom CSS editor is also included in the Customizer as of WordPress 4.7.

    These forums are for sites hosted on WordPress.com, but you’re running the WordPress software on your own hosting. If you need further help with the self-hosted version of Sela, feel free to post in its forum at WordPress.org:

    https://wordpress.org/support/theme/sela

    You’ll need a free WordPress.org account to post – if you don’t already have one, you can register here:

    https://wordpress.org/support/register.php

  • The topic ‘Changing color of menu bar in Sela theme’ is closed to new replies.