Header image on top of the plog post page

malikdakdaki · November 2015

I am creating a website using the Betheme theme.
On all of my pages I have set the header image by setting the featured
image for that particular page.

Now I am doing the blog section for my site. The problem now is that
when I want to set the header images on my individual blog pages, the
featured image appears within the blog post itself. Which is fine, but I
also want my header image to appear. Is there any way I can get the
featured blog image and also have an image within my header?

Albert · November 2015

Hi,

for single post pages, you can set header background with custom css only which looks like below:

.postid-xxx #Header_wrapper { background-image: url('#') !important; }

where xxx is post id.

malikdakdaki · November 2015

From where do I get the post-id ? I pasted that code into my custom css area on theme options but nothing appears...

This is how it looks like:

.postid-1 #Header_wrapper { background-image: url('http://localhost/test/wp-content/uploads/2015/03/test.jpg') !important; }

Am I correct that for each single post page i need a separate css code line like this?

Albert · November 2015

POST ID's you can get while editing posts in the back-end. Just check the link of editing item and there is post id.

malikdakdaki · November 2015

okay, got it now. Thanks!

Albert · November 2015

You're welcome

Header image on top of the plog post page

Comments