Header background color - by freekson - on WordPress WooCommerce support

This topic has 10 replies, 3 voices, and was last updated 10 years, 11 months ago ago by Eva Kemp

  • Avatar: freekson
    freekson
    Participant
    January 14, 2015 at 11:45

    Hi,

    I’m using the Legenda template and I would really like to change te header background color. I am able to change the top bar, the menu bar and the center of the header. Problem is there are 2 blank spaces between the logo and the top bar/menu bar..

    Please help :)!

    Tnx.

    9 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    January 14, 2015 at 12:21

    Hello,

    Please provide us with a link to your site and specify to what color you wish to change the background.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: freekson
    freekson
    Participant
    January 14, 2015 at 13:50

    Hi,

    Color: #9c9c9c

    Site in private.

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Participant
    January 14, 2015 at 15:32

    Hello,

    Try to add following code into custom.css file.

    .header-type-7{
    background:#9c9c9c;
    }

    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    Regards,
    Robert Hall.

    Avatar: freekson
    freekson
    Participant
    January 14, 2015 at 15:43

    Tnx so far so good. Now the menu bar is also gray. Is there a way to exclude the menu bar?

    Avatar: Robert Hall
    Robert Hall
    Participant
    January 14, 2015 at 15:46

    Please replace that code.

    .header-type-7{
    background:#9c9c9c;
    }

    to

    .header7{
    background:#9c9c9c;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
    }

    Regards,
    Robert Hall.

    Avatar: freekson
    freekson
    Participant
    January 14, 2015 at 15:54

    And here te problem pops up 🙂 The two non colored stripes.. For updated site see private:

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Participant
    January 14, 2015 at 16:03

    Sorry, it’s my mistake. Must be !important.
    Please use this code:

    .header7{
    background:#9c9c9c;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    }

    Regards,
    Robert Hall.

    Avatar: freekson
    freekson
    Participant
    January 14, 2015 at 16:06

    Tnx for the help! Super service !

    Freek.

    Avatar: Eva
    Eva Kemp
    Participant
    January 14, 2015 at 16:19

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

  • Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Header background color’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.