Motif header

• 

  thesacredpath · Member · Feb 9, 2014 at 5:32 pm

  • Copy link

  Hi @neildenny, I’m not seeing the background declaration with the header image URL in it in your CSS (in .site-image).

  Replace the .site-image rule you have with the following.

  .site-image {
      background: url("http://beyondconflict.files.wordpress.com/2014/02/neildennycom-on-blue-sky-940-x-110.jpg") no-repeat scroll center top / contain rgba(0, 0, 0, 0);
      height: 110px;
  }

  The header image for Motif, if you want it to go full width, should be 987px. There is 34px of padding all the way around in the .site-branding div, so you will have to adjust the left and right padding to zero if you want a full width header image. You can also adjust the top and bottom padding to get the look you want. Add the following and then adjust as desired.

  .site-branding {
      padding-top: 34px;
      padding-right: 34px;
      padding-bottom: 34px;
      padding-left: 34px;
  }

• 

  margaretrosestringer · Member · Feb 9, 2014 at 6:09 pm

  • Copy link

  Oh! – and I thought you were there just to help ME! [grin]

• 

  thesacredpath · Member · Feb 9, 2014 at 6:22 pm

  • Copy link

  Hi Margaret, I try and make everyone happy. :)

• 

  margaretrosestringer · Member · Feb 9, 2014 at 6:23 pm

  • Copy link

  Now, Rich! – you must know when I’m joking …

• 

  thesacredpath · Member · Feb 9, 2014 at 6:46 pm

  • Copy link

  I most certainly do, and you did notice my smiley face, right?