User78 Posted August 5 Share Posted August 5 Hi, I'm using this custom code I found on a forum to change the size of the thumbnail images on my events page: .eventlist-column-thumbnail img { width: 100% !important; height: auto !important; left: 0 !important; top: 0 !important; } .tweak-events-stacked-thumbnail-size-11-square .eventlist-column-thumbnail { padding-bottom: 15% !important; width: 15% !important; } .eventlist-column-info { width: 85% !important; } However, I am running into an issue because two of the images, the (last upcoming event and the first past event - image attached) overlap no matter what the image is. The image works however when it's put into a different event. Is there a way to fix this? Thanks Link to comment
tuanphan Posted August 7 Share Posted August 7 Can you share link to this event page? We can check problem easier. Because I just tested on my event page and it looks fine. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
User78 Posted August 10 Author Share Posted August 10 @tuanphan here is the link: https://ingridclarfield.com/events-and-masterclasses. Thanks! Link to comment
Solution tuanphan Posted August 12 Solution Share Posted August 12 You can use this CSS code under .tweak-events-stacked-thumbnail-size-ultra-widescreen .eventlist-column-thumbnail { padding-bottom: unset !important; height: auto !important; } .eventlist-column-thumbnail img { position: static !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
User78 Posted August 12 Author Share Posted August 12 (edited) @tuanphan Thank you very much! Edited August 12 by User78 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment