Support

Home Forums Event Espresso Premium Change image size in Grid View (image)

Change image size in Grid View (image)

Posted: June 11, 2019 at 9:54 am

Viewing 5 reply threads


MetricsMedia

June 11, 2019 at 9:54 am

Im sorry to bother, I have found some topics already, but for any reason teh suggestions do not help me.

I have ie found this topic: https://eventespresso.com/topic/grid-view-image-size-changing-without-changing-thumbnails-settings/

But when I change the image size in this file espresso-grid-template.template.php, I dont see any changes. This is what I have replaced in line 27:

$feature_image_url = $post->EE_Event->feature_image_url(array(300,500));

and in the CSS file espresso_grid_template.css I have added this:
.ee_grid_box img {
height:auto !important;
}

But the grid event image still keeps the same thumbnail size on this page:
http://cm4.de.dedivirt321.your-server.de/events/

What am I doing wrong?

Thanks a lot in advance.

Philipp


Josh

  • Support Staff

June 11, 2019 at 1:10 pm

Hi Philip,

You don’t actually change the CSS in espresso_grid_template.css. Instead, you’ll add the following CSS to your site’s Appearance > Customize > Additional CSS page:

div.ee_grid_box_v2 {
max-width: 500px;
}

.ee_grid_box_v2 img {
width: 500px;
height: auto
}


MetricsMedia

June 11, 2019 at 2:39 pm

Ho Josh, Thank you, but what do you exactly mean by “Additional CSS page”? Are you referring to style.css file?


MetricsMedia

June 11, 2019 at 2:42 pm

I assume its not what you mean as its not working. Would be great to get a bit more helpful details for a non developer. Thx again!


Josh

  • Support Staff

June 11, 2019 at 2:45 pm

You go to your WordPress Dashboard, then click Appearance, then Customize, then Additional CSS. Here are screenshots that show exactly what I mean:

https://slack-files.com/T02SY781D-FK4MY9YEP-f513992daa

https://slack-files.com/T02SY781D-FKJ8KFDV4-f09c6d19f8


MetricsMedia

June 11, 2019 at 2:51 pm

Excellent, working well. Thanks and have a great day ahead.

Viewing 5 reply threads

The support post ‘Change image size in Grid View (image)’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso