Docs

[crbasford]

Is there a way to make the featured image on an image post smaller. Because the image is square, it just looks huge and weird in the post. The site is not live yet so I can provide log in credentials if necessary. Honestly I just need to figure out how to bulk apply in CSS to a specific post category that the image can only be a maximum amount of pixels wide when one the page.

http://www.mysugarhillumc.org/2016/09/18/first-impressions-team-hospitality/

[crbasford]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! I’d suggest you to use a proper dimension instead of controlling the size with CSS because it might ruin the layout.

If you still want; you can add this under Custom > CSS in the Customizer.

.single-post .entry-featured {
  box-shadow: none;
}

.single-post .entry-thumb {
  background-color: transparent;
  box-shadow: none !important;
}

.single-post .entry-thumb img {
  max-width: 400px;
  min-width: 400px;
}

Let’s change the min-width and max-width. If you want to center align the image then you can use this :

.single-post .entry-thumb img {
  display: block;
  margin: 0 auto;
}

Again, it won’t look good in my opinion since only fullwidth image will give you proper layout.

Hope this helps.

Cheers!

[crbasford]

Okay… What if I try something totally different? Can i hide the image on the page itself but still use it for the purposes of being the primary image for the Grid plugin? So it shows for the thumbnail on the grid but does not display once someone goes to the page.

[Rue Nel]

Hello There,

Yes you can do that, hide the featured image in post and pages but display it in the grid. Simply use this code

.page .entry-featured {
  display: none;
}

.single-post .entry-featured {
  display: none;
}

Hope this helps.

[crbasford]

is there a way to do this but only for specific posts or specific grids?

[Nabeel A]

Hi again,

To do it for specific post just use the post id e.g add the following code in your Customizer:

.postid-494 .entry-featured {
  display: none;
}

To find out Post ID you can follow this article https://community.theme.co/kb/how-to-locate-post-ids/ you can also find out the Category ID to do it for certain categories https://community.theme.co/kb/how-to-locate-category-ids/

Hope this helps!

[Author]

Posts