[resolved] [closed] Theme Oxygen - change left navbar background (11 posts)

  1. imdkiessling@yahoo.com
    Posted 3 years ago #

    I'm using Oxygen Theme. I'm trying to figure out how to change the left nav background (Secondary Menu)color from black to any other color. Seems like is should be a real simple CSS change. Can't seem to find the setting that controls it.

    Any ideas?


  2. Tara
    Posted 3 years ago #

    It will be more useful if you provide url of your site, and point to the area you want tweaked.

  3. imdkiessling@yahoo.com
    Posted 3 years ago #

    Here is my dev site...


    I want to change the background in left sidebar menu from black to green (color #339933)

  4. esmi
    Forum Moderator
    Posted 3 years ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.

  5. imdkiessling@yahoo.com
    Posted 3 years ago #

    Fixed. Thanks the Firebug add-on helped.

    There is actually two CSS color settings that need to be changed in
    #menu-secondary to change the left sidebar nav menu background menu. Took awhile to figure out... I just started commenting the code out until I isolated the variables.

    My changes may not have been updated immediately which may have delayed the diagnosis.

  6. esse3
    Posted 2 years ago #

    hi guys. I think I've got the same imdkiessling problem.
    I wanna change the background colour of the secondary menu located on the left of the page. please can you help me? where i can change this set? I think in the style.css file but I need some help. Thanks and sorry for terrible english, I'm italian.

  7. esse3
    Posted 2 years ago #

    sorry guys, just fixed my problem ;)

  8. ehteshamuddin.syed
    Posted 2 years ago #

    I'm trying to make similar changes to the theme could you please let me know the exact steps you have followed to change the color, thanks

  9. elfff13
    Posted 2 years ago #

    Hello, There is the same question.
    But unfortunately i can't found the answer((
    I make my website http://www.quimpylu.ru, but one of the main problems is this black second menu.
    What have I do in order to make it with another colour?(I want this black rectangleans to be light-grey, and the font - dark grey.
    Thank you and I am sorry for my English ^^

  10. imdkiessling@yahoo.com
    Posted 2 years ago #

    In admin tools.

    Click Appearance
    Click Editor
    Click style.css

    Find #menu-secondary [try ctrl+ F] Change color value highlighted in bold

    #menu-secondary {
    font-size: 14px;
    width: 100%;
    margin: 0 0 10px 0;
    float: left;
    clear: left;
    position: relative;
    background: #66CC33;
    margin-bottom: 25px;
    z-index: 2;

    Find #menu-secondary li [try ctrl+ F] Change color value highlighted in bold

    #menu-secondary li a {
    font-size: 0.8333333333333333em;
    line-height: 1.2em;
    display: block;
    padding: 1.1em 1.2em;
    text-transform: uppercase;
    color: #000000;
    background: #66CC33;
    border-bottom: 1px solid #66CC33;

    Your best bet would be to download the Firebug plugin. It takes some time to get use to but it is vital if you want to learn to edit templates. In Firebug try editing some of the CSS values in the right panel...you'll see the results of your changes without actually committing the changes.

  11. elfff13
    Posted 2 years ago #

    Thank You very much!!! I will do it, as you advese :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic