Background of the header

  • Posted in : Read WP
  • testbirds
    Participant

    Dear Theme Author!

    I would like to change the color of the header to a darker color, as our corporate logo is very bright and looks almost invisible on the white background. Could you please provide me a the custom css that I need to change the header’s background color (full width)?

    Thank you very much!

    Balazs
    Testbirds – Marketing & PR

    ahmetsali
    Keymaster

    Hi, i see, try this custom css;

    .site-header { background: #222; }
    .main-navigation { border-color: #eee; }
    .main-navigation > ul > li > a, #search-submit, #search-form #search, #search-form #search:focus { color: #eee; }
    .site-description { color: #ddd;}
    h1.site-title a { border-bottom: 0; }
    
    testbirds
    Participant

    Dear ahmetsali!

    It worked perfectly, I just needed to modify site description color and now it looks exactly as I imagined. Thank you very much for the amazing support!

    Anonymous
    Inactive

    I used the custom CSS provided above, modifying as below, on my site http://www.contentcharisma.com. Can you please tell me how to eliminate the few centimeters of black that now appear below the colored navigation underlines? I would like this to be whitespace.

    .site-header { background: #000000; }
    .main-navigation { border-color: #000000; }
    .main-navigation > ul > li > a, #search-submit, #search-form #search, #search-form #search:focus { color: #eee; }
    .site-description { color: #ddd;}
    h1.site-title a { border-bottom: 0; }

    Thanks!

    ahmetsali
    Keymaster

    @laurarylee

    Hi, try this custom css code;

    .site-header {
        padding-bottom: 0;
        margin-bottom: 40px;
    }
    
    Anonymous
    Inactive

    Thanks, the code worked great.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register