Header Background | Header not Showing

Home Forums Innov8tive Theme Header Background | Header not Showing

This topic contains 0 replies, has 1 voice, and was last updated by  admin 1 year, 11 months ago.

Viewing 1 post (of 1 total)
  • Author
    Posts
  • #61

    admin
    Key Master

    The first version of this theme released was version 1.0.0
    I would encourage you to email Studiopress through their contact page to get an updated version (currently at 1.0.2)

    If you choose not to there are a few fixes for the original and one of them is the background color.

    Ok, the fix has been found! We need to add a #wrap to the #header

    so find this:

    Code:

     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.

    #header {
      -webkit-box-shadow: 0 1px 3px #999;
         -moz-box-shadow: 0 1px 3px #999;
              box-shadow: 0 1px 3px #999;
      background-color: #fff;
      border-top: 6px solid #b9bc4d;
      color: #534640;
      margin: 0px auto 5px;
      min-height: 120px;
      overflow: hidden;
    }

    and change to this

    Code:

     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.

    #wrap #header {
      -webkit-box-shadow: 0 1px 3px #999;
         -moz-box-shadow: 0 1px 3px #999;
              box-shadow: 0 1px 3px #999;
      background-color: #fff;
      border-top: 6px solid #b9bc4d;
      color: #534640;
      margin: 0px auto 5px;
      min-height: 120px;
      overflow: hidden;
    }

    to keep it consistent in the code with all color options….also find the following:

    Code:

     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.

    .innov8tive-yellow #header {
      -webkit-box-shadow: 0 1px 3px #999;
         -moz-box-shadow: 0 1px 3px #999;
              box-shadow: 0 1px 3px #999;
      background-color: #fff;
      border-top: 6px solid #f3cf6d;
      color: #534640;
      margin: 0px auto 5px;
      min-height: 120px;
      overflow: hidden;
    }

    and change to this

    Code:

     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.

    .innov8tive-yellow #wrap #header {
      -webkit-box-shadow: 0 1px 3px #999;
         -moz-box-shadow: 0 1px 3px #999;
              box-shadow: 0 1px 3px #999;
      background-color: #fff;
      border-top: 6px solid #f3cf6d;
      color: #534640;
      margin: 0px auto 5px;
      min-height: 120px;
      overflow: hidden;
    }

    and finally the last color option…find this

    Code:

     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.

    .innov8tive-turquoise #header {
      -webkit-box-shadow: 0 1px 3px #999;
         -moz-box-shadow: 0 1px 3px #999;
              box-shadow: 0 1px 3px #999;
      background-color: #fff;
      border-top: 6px solid #66c0c0;
      color: #534640;
      margin: 0px auto 5px;
      min-height: 120px;
      overflow: hidden;
    }

    and change to this

    Code:

     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.

    .innov8tive-turquoise #wrap #header {
      -webkit-box-shadow: 0 1px 3px #999;
         -moz-box-shadow: 0 1px 3px #999;
              box-shadow: 0 1px 3px #999;
      background-color: #fff;
      border-top: 6px solid #66c0c0;
      color: #534640;
      margin: 0px auto 5px;
      min-height: 120px;
      overflow: hidden;
    }

    • This topic was modified 1 year, 11 months ago by  admin.
Viewing 1 post (of 1 total)

The topic ‘Header Background | Header not Showing’ is closed to new replies.