Have featured image available in article preview

  • Resolved tapiwaz

    (@tapiwaz)


    6 years, 5 months ago

    Hey Ben

    As you can see in the above link, I have disabled featured images in the post using the settings that you provide under “customize,” “Show/hide elements,” “Posts,” “Show Featured Image.” (Set to no).

    Now, thing is, when writing the content, I do wish to have featured image shown when I preview the article. I wonder if its possible to enable it only in this regard.

    I must mention that the reason I removed the featured image in the first place was because of AdSense. The images were pushing content below the fold, which is a no no for AdSense.

    Now, I was also wondering if its possible to have a smaller sized featured image? Maybe a quarter of the current size (just a thumbnail).

    Regards

    Tapiwa

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Could you explain what you mean by enabling the image when you preview the article? When the Featured Image is disabled via the setting in the Show/Hide Elements > Posts section, it should still display on the blog and archive pages.

    As for making the Featured Image smaller, something like this would work pretty well:

    .single-post .featured-image {
  float: left;
  width: 150px;
  height: auto;
  margin: 12px 24px 0 0;
}
    DocSheldon

    (@docsheldon)

    Expanding upon tapiwaz’s original question, I am interested in reducing the size of the featured image on the most recent post displayed on the /blog/ page. Out of the box, it is a full width image, which I would like to reduce to around 60% of that, but only for non-mobile devices. Is there a way to accomplish that? Perhaps with a specific pixel width, rather than % ?

    • This reply was modified 6 years ago by DocSheldon.
    Theme Author Ben Sibley

    (@bensibley)

    Hey Doc,

    Could you share a link to your site? I can provide a CSS snippet, but it will depend on which layout is used on the blog.

    Here’s something to try out that might work:

    @media all and (min-width: 800px) {

  .featured-image {
    width: 60%;
    margin: 12px auto 0;
  }
}

    You can copy & paste the code above into the “Additional CSS” section in the Customizer (Appearance > Customize), and it will take effect right away.

    DocSheldon

    (@docsheldon)

    Hi, Ben – I tried that snippet and it didn’t appear to have any effect at all (at least, not on desktop). The site is https://searchnewscentral.com
    Thanks!

    Doc

    Theme Author Ben Sibley

    (@bensibley)

    Thanks!

    This CSS should work:

    .blog .entry:first-child .featured-image {
  width: 100% !important;
  left: 0 !important;
}
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Have featured image available in article preview’ is closed to new replies.