Header has a grey background - by Mike1986

Solved5 replies3 participantsUpdated by Rose Tyler

  • Avatar: Mike1986
    Mike1986
    Participant

    Hi!

    I changed the header type (to #4) but now there is a grey background. How could I change the grey background to white?

    Thanks in advance!

    Please, contact administrator
    for this information.

    5 Answers

    Avatar: Robert Hall
    Robert Hall
    Participant

    Hello,

    You need to remove the following code in style.css of the Child Theme.

    .header-area {
        background: #fafafa !important;
    }

    Regards,
    Robert Hall

    Avatar: Mike1986
    Mike1986
    Participant

    Thanks! 🙂

    If I may use this same topic to ask one more question about header:

    I added custom text to the header where the phone number should be but the text splits into two rows. There seems to be empty space but some of it is probably reserved to top links and search form in the header. I’m not using top links or search form in the header so is it possible to get the “phone number text” only in one row?

    http://imgur.com/a/zUfFR

    Avatar: Robert Hall
    Robert Hall
    Participant

    Hello,

    Try to add this code in custom.css

    .header-variant2 .header-phone{
        width:500px;
    }
    .header-variant2 .span8 {
        width: 300px;
        float: right;
    }

    Regards,
    Robert Hall

    Avatar: Mike1986
    Mike1986
    Participant

    It worked! Thanks again! 🙂

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    You are welcome!

    Regards,
    Rose Tyler.

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