Return to previous page

How To change Header Background Color to Black?

This topic has 17 replies, 3 voices, and was last updated 9 years, 9 months 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.
    #41437 Copied
    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.

    #41448 Copied
    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?

    #41500 Copied
    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.

    #41502 Copied
    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..

    #41503 Copied
    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.

    #41507 Copied
    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.
    #41510 Copied
    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.

    #41515 Copied
    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

    #41523 Copied
    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.

    #41530 Copied
    Avatar: boedakpinank
    boedakpinank
    Participant
    February 12, 2015 at 13:09

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

    regardss

    #41561 Copied
    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,

    #41562 Copied
    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.

    #41568 Copied
    Avatar: boedakpinank
    boedakpinank
    Participant
    February 12, 2015 at 13:26

    i have sent you in private, thanks

    Please, contact administrator
    for this information.
    #41571 Copied
    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.

    #41573 Copied
    Avatar: boedakpinank
    boedakpinank
    Participant
    February 12, 2015 at 14:20

    thank you very much robert,

    Regards

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

    Hello,

    You’re welcome!

    Regards,
    Robert Hall.

    #41590 Copied
  • 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

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Animals Store – WooCommerce Theme
lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
Kidsstore – WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Photographer – WordPress WooCommerce Theme
lazy-placeholder
Onepage Store – WooCommerce Theme
lazy-placeholder
Hipster Store – WordPress WooCommerce Theme
lazy-placeholder
Watches Store – WooCommerce Theme

See All Templates

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