How To change Header Background Color to Black?

This topic has 17 replies, 3 voices, and was last updated 9 years, 1 month ago ago by Robert Hall

  • Avatar: boedakpinank
    boedakpinank
    Participant
    February 12, 2015 at 04:49

    hi how to change header background color? i am use fashion one page, but i want to modified all, i need the background color to be black colors, i dont know about css code,
    please help me, thank you

    my site url is in private

    Please, contact administrator
    for this information.
    16 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 12, 2015 at 08:16

    Hello,

    Please add this code into custom.css file.

    .header-type-2.slider-overlap .top-bar, .header-type-2.slider-overlap .header{
    background-color: #000000;
    }

    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.
    The video tutorial is for Legenda theme, but the process is identical.

    Regards,
    Robert Hall.

    Avatar: boedakpinank
    boedakpinank
    Participant
    February 12, 2015 at 10:26

    thank you, its worked,

    how about to change header background color for fixed header too?

    and

    how about to enlarge Font size for Menu in header? is it available in Theme Options?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 12, 2015 at 10:33

    Hello,

    To change header background color for fixed header use following code:

    .fixed-header-area{
    background-color: #000000;
    }
    .menu > li > a{
    color:#ffffff;
    }

    To increase font size you can use this code:

    .menu > li > a{
    font-size:15px;
    }

    Regards,
    Robert Hall.

    Avatar: boedakpinank
    boedakpinank
    Participant
    February 12, 2015 at 10:35

    thank you very much for your fast respond, why your first code :

    .header-type-2.slider-overlap .top-bar, .header-type-2.slider-overlap .header{
    background-color: #000000;
    }

    not function when i change Header Menu type to 10, before i am use header menu 2..

    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 12, 2015 at 10:55

    Please try to replace this code

    .header-type-10.slider-overlap .top-bar, .header-type-10.slider-overlap .header{
    background-color: #000000;
    }

    to

    .header-wrapper{
    background-color: #000000;
    }

    Regards,
    Robert Hall.

    Avatar: boedakpinank
    boedakpinank
    Participant
    February 12, 2015 at 11:01

    thnk you very much, its true works, but please look at my site in private, why there is a white line between menu and header? how to change or hide its? thank you

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 12, 2015 at 11:30

    To remove this line try to add this code into custom.css file

    .menu-wrapper{
    border-top: none;
    }

    Regards,
    Robert Hall.

    Avatar: boedakpinank
    boedakpinank
    Participant
    February 12, 2015 at 11:38

    thank you robert, at my site, before i set top bar to enable, but when i disable it, i still see Text EN FR GE £ € $ i menu, is it just my connection problem or not? do you see that? thank you robert

    Regards

    Avatar: Eva
    Eva Kemp
    Support staff
    February 12, 2015 at 12:07

    Hello,

    Please add this code in custom.css file:

    .header-type-10 .menu-wrapper .languages-area {
        display: none;
    }

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: boedakpinank
    boedakpinank
    Participant
    February 12, 2015 at 13:09

    thannk you now everything was solved,,nice support..

    regardss

    Avatar: boedakpinank
    boedakpinank
    Participant
    February 12, 2015 at 13:11

    i am sorry but this code

    .menu-wrapper{
    border-top: none;
    }

    was not effect to the menu, i still see white line above menu,

    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 12, 2015 at 13:23

    Hello,

    Please provide us with wp-admin access in Private Content.

    Regards,
    Robert Hall.

    Avatar: boedakpinank
    boedakpinank
    Participant
    February 12, 2015 at 13:26

    i have sent you in private, thanks

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 12, 2015 at 13:36

    I’ve added this code into your custom.css file. Now it’s working.

    .menu-wrapper{
    border-top: none !important;
    }

    Regards,
    Robert Hall.

    Avatar: boedakpinank
    boedakpinank
    Participant
    February 12, 2015 at 14:20

    thank you very much robert,

    Regards

    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 12, 2015 at 14:29

    Hello,

    You’re welcome!

    Regards,
    Robert Hall.

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

The issue related to '‘How To change Header Background Color to Black?’' 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.