Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #25733

    Hi,

    I have looked thru all the posts on this topic and have tried every css option you have shown people and I can not get my menu color to change to white.

    http://karenfantin.com/

    I want the whole menu to be white and not orange.

    Thanks so much for your help.

    Mitch

    #128024

    I’ve hacked it by making a background image that is 125 px high.

    90 px are orange and 25 px are white.

    It’s a hack that shouldn’t be necessary.

    Perhaps on the next update, you guys can move the menu container out of the header container so the two don’t share settings?

    If you have a css solution, I would love to know it.

    But even with that, I still would need to put in a background image just to get the text on the right side.

    And that image would still need to include the space (25px) below for the nav.

    Still not an ideal solution.

    Cheers,

    Mitch

    #128025

    Hi,

    You can remove your image and in its place use this css. You should be using Chrome Developer Tools for editing CSS, that is why you had a hard time finding it. Took me less than 2 minutes. Please add that in place of your image code.

    .header_color .header_bg {
    /*background: #FFF url(https://karenfantin.com/wp-content/uploads/2013/07/header6.png) bottom left no-repeat scroll;*/
    background-color: #F05A1A !important;
    }
    #header_main_alternate {
    background-color: #FFF;
    }

    You don’t need to use an image to position anything. CSS can be used to position and change everything. Can take your page and move the header into the footer and the footer into the header with just css… well unless its an image that you want as an image, not as a positioning assistant.

    Thanks,

    Nick

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Main Menu Background Color’ is closed to new replies.