Stay Theme Header Customization

• 

  courtneybruettephoto · Member · Mar 25, 2014 at 5:55 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  The blog I need help with is http://courtneybruettephotography.com/

  I want to customize the top of the page (where my logo and header text appear) with a photograph that goes behind the text and logo.

  Is this possible with the Stay Theme?

  If so, how do I do this? What codes (if any) are needed?

  Thank you!
  Courtney

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Mar 26, 2014 at 3:03 am

  • Copy link

  Yes, you can add it as a background image in #masthead hgroup. Not knowing the dimensions of the image you want to use, I’ve included the original width declaration as well. Currently, with the site at maximum width, the hgroup area is about 600px wide by 290px tall. Also I notice your logo image has a white background, so if you want a transparent background on that image, you will have to create a new one.

  Upload the image you want to use as the background for the logo and header text to your media library, get the URL of that image and replace URL_OF_IMAGE between the quote marks with the URL of your new image.

  #masthead hgroup {
      background: url("URL_OF_IMAGE") no-repeat scroll left top / contain transparent;
      width: 50%;
  }