• Resolved Pam M

    (@pam-m)


    Just starting here. I am not yet familiar with editing codes and stuff…

    I want to set a featured image for a post for the sake of sharing it in social media. But I don’t want it to appear at the header of the post nor at the page summary as a header per post.

    I usually want the image to appear somewhere else in the post.

    Thumbnail on the page summary is fine…

Viewing 15 replies - 1 through 15 (of 16 total)
  • Welcome!

    To accomplish your goal, you can use a bit of custom CSS.

    Since you’re already using Jetpack, an easy way to add custom CSS is to activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    This CSS should hide the featured image on single posts and pages:

    .page .entry-thumbnail img, .post-thumbnail img, .single .entry-thumbnail img, .post-thumbnail img {
        display: none;
    }

    Let me know if this does the trick.

    You can learn more about CSS here, to help you further customize your site:

    https://cssworkshop.wordpress.com/

    Thread Starter Pam M

    (@pam-m)

    Thanks so much! It did help not to show the image, but it still shows something like a blank image… it affected how the post and page look like.

    Took some screen shots.

    Here is the post with featured image after I edited the CSS.
    I would like it to look as if I didn’t have a featured image like this.

    Here is the page with featured image after I edited the CSS.
    I would like it to look as if I didn’t have a featured image like this.

    Is there any way I have a featured image but it’s going to look like there’s none both on the post and the page?

    Thread Starter Pam M

    (@pam-m)

    Sorry, what I meant in my last question was if there’s any way I can have a featured image that will not affect the layout of the post or the post’s entry on a page… the featured image will just be used when shared in social media…

    same question for featured video. i installed Featured Video Plus plugin.

    Could you try adding this to your custom CSS as well in addition to what I gave you earlier?

    .hero .entry-thumbnail, .hero .post-thumbnail {
         background: none repeat scroll 0% 0% #ffffff;
    }

    Here’s an example from this theme demo page:

    https://selademo.wordpress.com/page-templates/full-width-page/

    Screenshot with the two pieces of custom CSS added:

    Full Width Page Sela

    Let me know how it goes.

    Thread Starter Pam M

    (@pam-m)

    i have both codes you gave me in my custom CSS but it didn’t do anything.

    On the page, there’s still a white portion that the covers “Continue reading” text of the post above it.

    On the post, the white portion still covers part of the menu bar. ?? Just like how the white portion covered the header picture in the selademo link you shared…

    Could you please provide a link to a page or post where you see this:

    On the page, there’s still a white portion that the covers “Continue reading” text of the post above it.

    On the post, the white portion still covers part of the menu bar. ?? Just like how the white portion covered the header picture in the selademo link you shared…

    I think I need to see this in action on your site in order to help further. Thanks.

    Thread Starter Pam M

    (@pam-m)

    Thanks. I have saved a featured image for the post “Online Social Icon Maker”. The rest of the posts don’t have a featured image yet so you can compare. Here are the links:

    On the page, there’s still a white portion that the covers “Continue reading” text of the post above it. The post “Online Social Icon Maker” is the 3rd post on the page.
    https://www.likelovehelp.com/category/uncategorized/

    On the post, the white portion still covers part of the menu bar.
    https://www.likelovehelp.com/online-social-icon-maker/

    Thread Starter Pam M

    (@pam-m)

    Update: The post, “I Love This Cigarette Piece” also has a featured image. Just FYI for comparison purposes at least I have two posts for you to see if needed.

    Link to Post:
    https://www.likelovehelp.com/i-love-this-cigarette-piece/

    It will show on the same page link I gave above. This post goes after “Online Social Icon Maker” on the page.

    Thread Starter Pam M

    (@pam-m)

    Hi Kathryn, I just updated the theme to 1.0.3 and saw that both page and post concerns I had have been addressed! The posts no longer cover the “Continue Reading” portion on a page, and the “hidden” featured image no longer covers a portion of the menu bar on the single post. ??

    Great – I’m glad updating the theme solved the issues!

    I’m marking this thread as resolved but if you need further help with Sela feel free to start a new thread.

    I’m having sort of the same issue. Hiding the featured images covers a portion of the menu bar. How do I fix that? Thank you!

    @marwadiaf – this thread is already marked resolved – if you have an issue on your site, it’s always best to start your own thread and include a link to your site so someone can see the problem. New post form here:

    https://www.ads-software.com/support/theme/sela#postform

    Thread Starter Pam M

    (@pam-m)

    Hi Kathryn, I’m so sorry. I thought I saw it fixed right after the update, but without changing anything in the settings, both problems are back. ??

    Those with featured image still cover a portion of “Continue reading” on the page where the post is listed. On this link, check out “Online Social Icon Maker” and “I Love This Cigarette Piece”.

    Then inside the post, the menu bar is still partially covered. Check out this post.

    Adding this to your custom CSS or child theme’s CSS should push the post title down so it doesn’t overlap the menu:

    .post-thumbnail + .entry-header {
        margin-top: 0;
    }

    Be sure not to edit the theme files directly, or you’ll lose all your changes the next time you update the theme.

    Thread Starter Pam M

    (@pam-m)

    This worked perfectly now! Thank you again so much!

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘How to Not Show Featured Image On Page and Post’ is closed to new replies.