WordPress.org

Ready to get started?Download WordPress

Forums

Expound
[resolved] Changing colour of nav bar (5 posts)

  1. fionatye
    Member
    Posted 11 months ago #

    Hi, I can't seem to change the colour of the nav bar in Expound. Any ideas? this is the code that i'm using. It's just not working. Thanks.

    nav#site-navigation.navigation-main {
    background: none repeat scroll 0 0 #003f67;
    }

  2. W.P. Ginfo
    Member
    Posted 11 months ago #

    Hi,
    Please make sure your code is put between backtics; use the code-button at the beginning and end to do so.

    .navigation-main, .navigation-main ul, .navigation-main li {background:#99cc66;}

    If your theme has an option to customize the CSS like a 'custom css'-TAB, place the above code there.
    Is such a feature missing from your theme? See the instructions below.
    Add the above code to the `style.css' of your CHILDtheme:

    You don't have a childtheme yet?

    1. Install and activate 'one click childtheme plugin
    2. create the childtheme
    3. Dashboard > appearance > Themes > activate the childtheme
    4. Make the changes in the CHILDtheme!
    - copy php files / css-file(s) of the original theme [as required] to the childtheme directory and edit them as required.

  3. Konstantin Kovshenin
    Member
    Theme Author

    Posted 11 months ago #

    You can also use a Custom CSS plugin, such as the one that ships with Jetpack. Thanks for helping out Ginfo :)

  4. dciolino@gmail.com
    Member
    Posted 11 months ago #

    Thanks, this code seemed to work fine (changed nav bar color to dark blue) when pasted in the style.css of the theme Expound:

    .navigation-main {
    background: #0e123d !important;
    }

    .navigation-main a {
    background: #0e123d !important;
    }

    .navigation-main ul > .current_page_item a:after, .navigation-main ul > .current-menu-item a:after, .navigation-main ul > .current-post-ancestor a:after, .navigation-main ul > .current-menu-parent a:after, .navigation-main ul > .current-post-parent a:after {
    border-top: 6px solid #0e123d !important;
    }

  5. vanessajw
    Member
    Posted 8 months ago #

    thank you at last! This works.....after hours and hours of study and searching and reading. Why isn't a basic colour control in the dashboard as with .com? This isn't fair.

Reply

You must log in to post.

About this Theme

About this Topic