Customize Header Image in Able Theme

• 

  universotokyo · Member · Apr 13, 2014 at 1:15 pm

  • Copy link
  • Add topic to favorites

  I wanted to add an image to my header, but when I tried this, the image was added below the header.

  Is there any way that the image I add is located behind the header instead?

  Thanks!

  The blog is: universotokyo.com

  The blog I need help with is universotokyo.com.

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

• 

  thesacredpath · Member · Apr 13, 2014 at 3:54 pm

  • Copy link

  When you say header, are you talking about the site title and site description?

  You can add the following Custom CSS and see what you think. If your header image is too short (vertically) this can cause some issues. If you insert your header and then add the CSS, we can see if we need to make further adjustments.

  #page {
      position: relative;
  }
  #site-introduction {
      position: absolute;
  }

  The other alternative is to incorporate your site title and description into your header image and then we can hide the existing text based site title and description with the following.

  #site-introduction {
  display: none;
  }

• 

  universotokyo · Member · Apr 13, 2014 at 8:56 pm

  • Copy link

  Hi,
  I incorporate my site title and description into my header image and hid the existing text based site title and it worked perfectly. Thanks a lot for your help :)

• 

  thesacredpath · Member · Apr 13, 2014 at 9:38 pm

  • Copy link

  You are welcome.