1000Watts Posted May 15 Share Posted May 15 Hello, I can't seem to find the right Custom CSS to resize my grid gallery captions on hover for my mobile view. My title captions right now are showing up huge in my mobile view. Any help would be greatly appreciated!! site: https://bear-pufferfish-gsl3.squarespace.com/config/pages/website-tools/custom-css Password - IRIS. Thank you! Natalee Link to comment
Beyondspace Posted May 15 Share Posted May 15 1 hour ago, 1000Watts said: Hello, I can't seem to find the right Custom CSS to resize my grid gallery captions on hover for my mobile view. My title captions right now are showing up huge in my mobile view. Any help would be greatly appreciated!! site: https://bear-pufferfish-gsl3.squarespace.com/config/pages/website-tools/custom-css Password - IRIS. Thank you! Natalee Can you share the direct link to this page? I can see this layout on the Home page BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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
1000Watts Posted May 15 Author Share Posted May 15 Hello - Main page direct link - https://bear-pufferfish-gsl3.squarespace.com/ Documentary direct page - https://bear-pufferfish-gsl3.squarespace.com/documentary-1 Password - IRIS Are those what you need? Link to comment
tuanphan Posted May 17 Share Posted May 17 On 5/15/2024 at 10:05 AM, 1000Watts said: Hello - Main page direct link - https://bear-pufferfish-gsl3.squarespace.com/ Documentary direct page - https://bear-pufferfish-gsl3.squarespace.com/documentary-1 Password - IRIS Are those what you need? You can use this CSS code to reduce size @media screen and (max-width:767px) { figcaption.gallery-caption.gallery-caption-grid-simple * { font-size: 12px !important; } figcaption.gallery-caption.gallery-caption-grid-simple *:first-line { font-size: 16px !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
1000Watts Posted May 20 Author Share Posted May 20 Thank you so much @tuanphan!!! I really appreciate your help. 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