Hiding blog post content on blog post page
-
How do you hide the entire blog post content, except for its featured image, on the blog post page?
I would also like to have the blog post title either over-top or underneath the blog post’s featured image on the blog post page. How would I do that?
Thanks.
The blog I need help with is: (visible only to logged in users)
-
Hi,
How do you hide the entire blog post content, except for its featured image, on the blog post page?
This is most easily done by placing a more tag above the rest of the page content. See the More Tag support page.
I would also like to have the blog post title either over-top or underneath the blog post’s featured image on the blog post page. How would I do that?
With the Harmonic theme activated, the post title should appear below the featured image on the blog or posts page, as it does on those posts with featured images assigned on the Harmonic demo’s blog page.
I don’t know why your post title, “Sebastian Kvist: The Face of ROM Invertebrates,” isn’t displayed on the posts page. Have you hidden it?
-
Hello,
If I didn’t even want to show the “read more”, is there a tag that includes something like the following that I used for hiding my portfolio content?
.jetpack-portfolio-shortcode .portfolio-entry-content {
display: none;
}And as for the blog post title, I didn’t hide it as far as I know. But is there an option to unhide it?
-
Hi,
I’ll tag the topic to call for staff attention, because you first question deals with custom CSS about which I’m uninformed, and I don’t know if the theme includes a hide post title option.
-
-
-
Hi there, remove this from your custom CSS
.entry-header { display: none; }and then add this
.blog .entry-content { display: none; } -
That’s okay, musicdoc1, thank you for trying and tagging the topic for staff!
Hello the sacredpath, that did the trick, but the reason why I now remember why I included
.entry-header {
display: none;
}in the first place was that I wanted to remove the second “home”, “about”, “people”, “outreach”, “research” and “contact” on those pages. How can I do this separately to those pages?
-
What we can do is to target the page titles, which are a child element within the .entry-header section with the following. I’ve use the “page” CSS class set in the opening body HTML tag so that this targets only static pages.
.page .entry-title { display: none; }Try that and look around and see if that does what you are looking for. If not, or if it misses something, let me know and let me know where and I’ll work that out also.
-
Hmm when I tried the code it seemed to have also hidden the white title on the static pages. I would still like to keep that, but hide the second title below. Is there anyway we could do that?
-
Ah, my bad. I need to be more specific with the CSS. The following will hide the titles in the content area on static pages, but will leave the grey line.
.page #main .entry-title { display: none; }If you also wish to hide the grey line, then add the following instead of the above.
.page #main .entry-header { display: none; } -
-
- The topic ‘Hiding blog post content on blog post page’ is closed to new replies.