• Resolved gary yap

    (@gary-yap)


    Hi, my website is lighthousepsych.com, currently using Edin theme for the website. As you can see from the home page, I have three featured page: Our Stories, Meet The Team & Contact Us. Yet, when I click the page, the featured header image is cropped image of the actual image which looks not nice, especially when it turns out with low resolution.

    I am still new to coding, Wondering whether there is any CSS coding that I can add to remove the header image of these three pages?

    Regards,
    Gary

Viewing 6 replies - 1 through 6 (of 6 total)
  • Go to your css or custom css (style.css) file. Search for .hero.with-featured-image

    add the following css code

    display : none;

    Then it will remove the image from all page.

    If you want it to appear in home page you have to remove feature image from these three page(using /wp-admin).

    Thanks

    Thread Starter gary yap

    (@gary-yap)

    Hi, Alauddin, thanks for the reply. I have tried to add the css code in the custom css file, the featured image of the homepage (with contact button) disappeared together with the three featured images.

    May I ask is there any coding that I can add to keep the featured image appearing on the homepage while the three featured header images disappear when I click on the three pages?

    Looking forward to your reply and thank you very much.

    Regards,
    Gary

    You may not do this with css code.

    Just login to your wp-admin. Click on page you want to delete featured page. You will see the featured image on right bottom of the edit page. Just remove it. and do it for other two page.

    Anyway i do not know which theme are you using. I have tested the following with twentyfifteen theme.

    Thanks,

    Perhaps I’m misunderstanding what you’re trying to achieve, but you could hide the large featured image on the individual pages while keeping them on the home page with this code:

    .page-id-2 .hero.with-featured-image,
    .page-id-9 .hero.with-featured-image,
    .page-id-11 .hero.with-featured-image {
      display: none;
    }
    Moderator Kathryn Presner

    (@zoonini)

    May I ask is there any coding that I can add to keep the featured image appearing on the homepage while the three featured header images disappear when I click on the three pages?

    Looks like you tried out stephencottontail’s CSS and it works.

    If you prefer to hide the featured image on all pages, this should do the trick:

    .page .hero.with-featured-image {
      display: none;
    }

    alauddin0009 –

    Anyway i do not know which theme are you using. I have tested the following with twentyfifteen theme.

    Your solution for Twenty Fifteen does not apply to Sela. Tip for next time: most theme help is theme-specific, so you really do need to look at or test the theme someone’s asking about. ??

    Thread Starter gary yap

    (@gary-yap)

    Thank you alauddin0009, stephencottontail and Kathryn. Stephencottontail’s suggestion works fine with my webpage . Appreciate for your help and all the best!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to remove featured image in each page?’ is closed to new replies.