[Jeffrey SParticipant]

Hi ThemePunch

Is there a way to change the height of my thumbnails on this page: jeffreyschout.nl/portfolio-grid
I would like it to look like the thumbnails on this page: jeffreyschout.nl/portfolio

Right now the height is: 350 x 231px, but would like it to be 358 x 291 px

Hope you can help. Thank in advance! I really appreciede the support.

Kind regards,
Jeffrey

[RupokMember]

Hi Jeffrey,

It’s actually Themeco support forum not ThemePunch. However if you want to increase the height then you can add this under Custom > CSS in the Customizer.

.esg-entry-content.eg-herbert-hoover-content {
	padding-bottom: 45px;
}

Thanks!

[Jeffrey SParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

The size varies depending on the device it’s viewed, hence, you can’t impose static size, but you can always set the aspect ratio. The grid has aspect ratio setting at Grid Settings > Layout > Media Ratio X:Y and you can set it to set responsive size.

I went ahead and changed it, please check. You can set it back to auto if you wish to maintain image’s original aspect ratio.

Thanks!

[Jeffrey SParticipant]

Hi Rad,

Thank you. It looks great! Only the images are aligned to the right. It used to be centerd.
Is there a way to get the immages centerd to the middle again?

Kind regards,
Jeffrey

[Paul RModerator]

Hi Jeffrey,

To center it, you can add this under Custom > Edit Global CSS in the Customizer.

.page-id-1529 .esg-grid .mainul li.eg-herbert-hoover-wrapper .esg-media-poster {
    background-size: contain !important;
}

Hope that helps.

[Jeffrey SParticipant]

Thank you Paul!

[JoaoModerator]

Glad to hear we managed to help

Cheers

[Jeffrey SParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello Jeff,

Thank you for updating this thread. The code is incorrect. Please make use of this code instead:

.esg-entry-content.eg-cleveland-content {
  padding-bottom: 45px;
}

.page-id-5 .esg-grid .mainul li.eg-cleveland-wrapper .esg-media-poster {
  background-size: contain !important;
}

Hope this helps. Kindly let us know.

[Jeffrey SParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hey there,

Thanks for updating in! I have checked your screenshot. Please choose a skin that closely resembles the design you have in mind. We can then tweak it a bit afterwards. With regards to your images, I would highly recommend that you upload and assign featured images for each of the post items. In your grid, you must choose that the featured image will be used for each of you gird items. And also keep in mind that the image size (http://prntscr.com/eq8f8h) should be the cropped version or the image size you may have set in the media settings, Settings > Media.

Hope this helps.

[Jeffrey SParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

1. As long as it looks as you preferred then it should be okay.

2. It’s featured image option in your grid source settings, it’s already checked from this screenshot http://prntscr.com/eq8f8h (MEDIA SOURCE)

3. You don’t need to, just choose the medium size. Then if you’re intending to use a different image size of lightbox then add an alternate image to your item, then toggle off the featured image and toggle on the alternate image on your lightbox settings.

Thanks!

[Jeffrey SParticipant]

Hi Rad,

1. Alright thank you.

2. Check.

3. I have chosen medium size like you suggested. I followed your other instructions. Its great except only one thing. When you click on the “read more button” you only see the featured image: http://www.scrollytell.com/essential_grid/coffee-cookie-time/ wich is now cropped. Is it possible to display the alternative image instaid of the futured image?

Kind regards,
Jeffrey

[Author]

Posts