I would like to have a constant image appear on posts and pages header
-
I am using the Pictorico them in the site http://esbremit.wordpress.com/. I am trying to develop a site to let a froup of users access items relating to outage tickets. A feature of Pictorico is that you can display a series of featured images for posts on the home / blog page. My idea is to have the 4 most recent posts featuring on the home page and the image would be a screenshot of the post. This would let users see the items in detail at a glance without needing to access the post every time. A feature of Pictorico is that when you click on the image to access the post, the image is displayed as the header on the post. The images look awful when viewed this way. What I have done is to hide the image in the CSS.
/*This is to stop featured images showing on top of post and page when displaying post or page */
header.entry-header {
display: none;
}.
This means that the header image as taken is removed from the posts but also from any pages. I would like if it was possible to show an image on a page but not on the post. I’d settle for just hardcoding the image which is used as the site header. However, I have tried without any success to get this to work by adding code to the CSS.
The code involved is:
<div class=”entry-thumbnail” style=”background-image: url(http://esbremit.files.wordpress.com/2014/06/12th-post-image.jpg?w=481&h=481&crop=1);”></div>
What I have been able to do is to directly change the code in the browser editor to point the above url to the preferred image and that works but of course only temporily.
Is it possible to achieve this by adding to the CSS?
Any advice or comments gratefully received.The blog I need help with is: (visible only to logged in users)
-
Hi there,
If I understand correctly, you would like the header image removed from the individual posts, but not from the pages. Is that correct? If so, you can modify the CSS code you’re using to the following:
.type-post header.entry-header { display: none; }That will only affect posts (not pages). Just input that under Appearance -> Customize -> CSS in place of the current code you’re using. Also, just for future reference, we have a forum devoted to CSS customizations here:
https://en.forums.wordpress.com/forum/css-customization
In case you’re interested to learn a bit more, we have some information and resources here:
http://en.support.wordpress.com/custom-design/editing-css/
Let me know if you need anything else!
-
-
- The topic ‘I would like to have a constant image appear on posts and pages header’ is closed to new replies.
WordPress.com Forums 
