McMurphy Posted October 26, 2021 Share Posted October 26, 2021 Site URL: https://www.themilkbank.org/new-events I'd like to find a way to make the thumbnail on my events page smaller. Currently they take up about a third of the row, ideally I'd like them half the size they are right now, if not a little smaller. https://www.themilkbank.org/new-events Link to comment
Beyondspace Posted October 26, 2021 Share Posted October 26, 2021 1 hour ago, McMurphy said: Site URL: https://www.themilkbank.org/new-events I'd like to find a way to make the thumbnail on my events page smaller. Currently they take up about a third of the row, ideally I'd like them half the size they are right now, if not a little smaller. https://www.themilkbank.org/new-events Is it the result you want to achieve? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
McMurphy Posted October 26, 2021 Author Share Posted October 26, 2021 Yes, that's exactly it! Link to comment
Beyondspace Posted October 26, 2021 Share Posted October 26, 2021 (edited) 7 minutes ago, McMurphy said: Yes, that's exactly it! Try in Home > Design > Custom Css #collection-6172c36c451d363d0fdfeae2 .eventlist-column-thumbnail.content-fill { width: 17.5%; padding-bottom: 17%; } #collection-6172c36c451d363d0fdfeae2 .eventlist-column-date .eventlist-datetag{ --square: 65px; /*change if you want bigger or smaller date squares*/ left: 140px; width: var(--square); min-height: var(--square) } Let me know if it works properly on your site Support me by pressing 👍 if this useful for you Edited October 26, 2021 by bangank36 tuanphan 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
McMurphy Posted October 26, 2021 Author Share Posted October 26, 2021 Yes, that's perfect!! Thank you so much! Beyondspace 1 Link to comment
ALCT Posted Friday at 09:02 PM Share Posted Friday at 09:02 PM This code adjusted the size of my event thumbnails perfectly, but they are now a mess on the mobile version. How can I fix this? Link to comment
tuanphan Posted 9 hours ago Share Posted 9 hours ago On 12/9/2023 at 4:02 AM, ALCT said: This code adjusted the size of my event thumbnails perfectly, but they are now a mess on the mobile version. How can I fix this? What is your event page? We can check problem easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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