• Closed
  • Dominik Albrech
    Spectator
    January 22, 2016 at 11:31 am #23739

    Hi there,

    is there a possibility to change only the color of the top header (the part of the header, in which the contact information and the social icons can be displayed)?

    If I change it via Theme Options –> Styling –> Background Colors –> Primary Color a lot of things also change their color, but I don’t want them to do that. I only want to change the color of the top-header. Perhaps via custom css?

    Thanks in advance for your help!

    Imran
    Spectator
    Posts: 402
    January 22, 2016 at 11:49 am #23740

    Hi Dominik,

    Thanks for writing in!

    is there a possibility to change only the color of the top header (the part of the header, in which the contact information and the social icons can be displayed)?

    Please add the following code under your custom CSS field:

    .header-v5 .header-social {
    background: #000000 !important;
    }

    Change the background color value as desired.

    Hope this helps!

    Thanks.

    Dominik Albrech
    Spectator
    Posts: 43
    January 22, 2016 at 1:50 pm #23743

    Perfect, that’s exactly what I wanted.

    Is there also a possibility to delete the shadow from this top header bar?

    And, last question: Is there a possibility to center the menu of header 4?

    Thanks in advance for your help!

    Imran
    Spectator
    Posts: 402
    January 22, 2016 at 2:34 pm #23745

    Hi Dominik,

    Glad that resolved!

    It’s recommended to open a new topic; we’ll gladly assist you there, as one topic covers one issue.

    Is there also a possibility to delete the shadow from this top header bar?

    It doesn’t seem to be a shadow under the top header (see: http://prntscr.com/9tcnoq), please indicate if there is.

    Is there a possibility to center the menu of header 4?

    Please add the following code under custom CSS field after choosing header 4 from the menu:

    .header-v4 #nav ul li {
    float: none !important;
    display: inline-block !important;
    }

    .header-v4 #nav {
    float: none !important;
    }

    .header-v4 #nav > ul {
    float: none !important;
    text-align: center !important;
    }

    Hope this helps!

    Thanks.

    Dominik Albrech
    Spectator
    Posts: 43
    January 22, 2016 at 9:15 pm #23772

    Hi Imran,

    thanks for your answer. There’s no shadow at domibility.de but at ruv.domibility.de – there’s the shadow.

    Custom CSS didn’t work (also at ruv.domibility.de) 🙁

    Imran
    Spectator
    Posts: 402
    January 23, 2016 at 10:17 am #23773

    Hi Dominik,

    Is there also a possibility to delete the shadow from this top header bar?

    Please add the following code under your Custom CSS field:

    .blog .header-social:after {
    display: none !important;
    }

    Custom CSS didn’t work

    I’d recommend clearing your browser’s cache as because its working at my end (see: http://prntscr.com/9tp6s7).

    Thanks!