Hide featured image

  • Resolved jeremybell6015

    (@jeremybell6015)


    6 years, 10 months ago

    This is probably really obvious, but I’m stuck. I want to keep the featured image because it links to a widget on the home page, but I don’t want it to show on the actual page. How can I remove it? I’m guessing there’s a simple CSS code edit, but I don’t know where to enter it.

    I tried a widget called Hide Featured Image, but it didn’t work.

    (Also, sorry but the site is private right now and I don’t know how to give access. We aren’t ready to make it public yet. Hoping this is a simple enough fix that it can be done without you seeing it)

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi there, are you talking about hiding featured images on the single post pages?

    • This reply was modified 6 years, 10 months ago by sacredpath.
    Thread Starter jeremybell6015

    (@jeremybell6015)

    Hi, yes sorry we haven’t made the site public yet.

    I’m working on pages not posts. Not sure if that makes a difference. I have three pages that are set as featured content, so the Ixion template shows them as links on the homepage underneath the main image, with the featured image and page name. What shows is a square with the featured image and the page title as a link to the page. This is what I want, but I want to hide the featured image on the individual pages themselves so I can control the layout better. Does that make sense?

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi, what you will need to do is to view the source code for each of the pages on which you wish to hide the featured image, look in the opening body html tag and you will find a unique page id css class.You can then use those unique page ids to hide the featured images on those pages. Here is an example to use as a guide. You can comma separate the css selectors like I have done below.

    .page-id-38 .post-thumbnail, .page-id-41 .post-thumbnail, .page-id-10 .post-thumbnail {
  display: none;
}
    Thread Starter jeremybell6015

    (@jeremybell6015)

    Hey, that worked!! Thanks!! I’ve never successfully edited CSS code before :)))

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hooray and you are welcome!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Hide featured image’ is closed to new replies.