Welcome! To use this support forum, please Login or Join Today!

   

Synapse 3.0 Update - Added background header color

{name}
Rank

Total Posts: 10

Joined 2011-11-18

PM

 

Hi, since 3.0 you added a background header color, where can i change the color of the header? Thanks in advance! Kind Regards

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

Appearance → Theme Options → Header → Header Background Color

{name}
Rank

Total Posts: 10

Joined 2011-11-18

PM

 

Hi… thanks!! Is it possible to have the same background-image (width, height) like the impacto theme?

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

Anything is possible smile

Can you point me to a link to what you have? It may require some custom CSS, but an example to work with is always easier.

{name}
Rank

Total Posts: 10

Joined 2011-11-18

PM

 

Hi, i like to have the header from the synapse theme (see demo on your website)

https://www.filepicker.io/api/file/DQqHgPAR2GzLnx1eecZW

looks like the header in the impacto theme (see demo on your website, this header is heigher and has a image for the background)

https://www.filepicker.io/api/file/nWS8K6d9QKC3FIeLDPjq

Could i put the idea across (hope this is the correct wording :-))

Bye

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

To emulate Impacto, first you need a background image. I used a gradient:
http://themes.simplethemes.com/impacto/wp-content/themes/impacto-child/images/style2/header_bg.png

Then in your style{x}.css add this toward the top:

#header {
  background: #000 url('path/to/your-image.png') repeat-x left top;
  margin-bottom: 0;
}

This part is optional, but if you wanted to match the mobile menu to the bottom color of the header gradient, you could find this line further down:

/* Mobile Menu */

And replace the rule below with:

/* Mobile Menu */
@media only screen and (max-width: 767px) {
  #wrap #menu,
  #wrap #menu .columns {
    background-color: #000;
    padding: 10px 0px;
    border-radius: 0px;
    height: auto;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
{name}
Rank

Total Posts: 10

Joined 2011-11-18

PM

 

Thank you very much!!! grin