How to set up a custome image as header background if theme does not support it?

• 

  islandskincarebermuda · Member · Feb 8, 2017 at 2:09 am

  • Copy link
  • Add topic to favorites

  Hi,

  I am looking to replace the black header at the top of akcjeakcja.wordpress.com with a custom image but have no idea how to do this using CSS, anyone please?

  Thank you!!!

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

• 

  staff-loquaciousloon · Staff · Feb 8, 2017 at 4:53 pm

  • Copy link

  Hi there!

  This would depend a little on the image you have, and how you want to use it.

  If you want the image to sit behind the navigation (so they overlap, and the navigation partly covers the image) you could use this CSS:

  .header-wrapper {
      background: url(PLACE YOUR IMAGE URL HERE);
  }

  If you want a background that sits above the navigation, with the black color remaining in place to the left of the menu (below your image) try this:

  .header {
      background: url(PLACE YOUR IMAGE URL HERE);
      height: 200px;
  }

  The height: 200px is made up, you can change that umber to fit your needs if you’e like :)

• 

  islandskincarebermuda · Member · Feb 9, 2017 at 12:21 am

  • Copy link

  THANK YOU!!!

• 

  staff-loquaciousloon · Staff · Feb 9, 2017 at 3:39 pm

  • Copy link

  You’re welcome!