Changing Header Photo

• 

  resetasia · Member · Jul 15, 2016 at 9:01 am

  • Copy link
  • Add topic to favorites

  Hi there,

  I was wondering if it is possible to upload my own header photo on this page (https://resetasia.wordpress.com/portfolio/staff-1/).

  I’m currently using the venture theme and I’ve used the theme’s built-in portfolio for my “About Us” page.

  One of your staff helped me to disable the header photo which is why it is showing a solid grey background instead of the featured image set for staff 1 and I would like to upload my own header photo (e.g. the grass photo currently displayed on the page) to replace the solid grey background.

  Please let me know if that is possible.

  Thank you so much!

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

• 

  hallluke · Member · Jul 15, 2016 at 4:03 pm

  • Copy link

  I can’t see the page in question but if it’s set up like the Venture demo site then you could use code like this to switch out just one header image on a specific page:

  body.postid-179 #primary-header {
  	background-image: url("http://placehold.it/1280x560")!important;
  }

  You will need to load in your own image. The one on the demo portfolio page I linked to above is 1280 by 853px but it’s clipped to a height of 550px and centred.

  The tricky bit is finding the post ID. You can do this by viewing the page source or inspecting an element (both options via right mouse click) and looking in the HTML for the body tag, it will have some classes, one of which will look like my example: postid-123, use that number instead and you should be good to go.

• 

  resetasia · Member · Jul 19, 2016 at 9:11 am

  • Copy link

  Thank you so much Hallluke, it works perfectly.