Jump to content

How to Adjust (minimize) the padding on caption overlay on hover.

Recommended Posts

Site URL: https://zarafinlay.squarespace.com/


Password: ZARA

My client is unhappy with how large the "overlay on hover" is with her captions and would like to minimize the padding above and below the caption.  I assumed/hoped that I could solve this by adjust the font itself but that did now work.  I also tried tinkering with CSS that I normally use to increase the amount of padding but I could not get that to work either.  If anyone has a bit of code to throw my way or an alternate soluion, I'd be super grateful! 

Edited by jenmaherconsulting
Link to comment
8 hours ago, jenmaherconsulting said:

Site URL: https://zarafinlay.squarespace.com/


Password: ZARA

My client is unhappy with how large the "overlay on hover" is with her captions and would like to minimize the padding above and below the caption.  I assumed/hoped that I could solve this by adjust the font itself but that did now work.  I also tried tinkering with CSS that I normally use to increase the amount of padding but I could not get that to work either.  If anyone has a bit of code to throw my way or an alternate soluion, I'd be super grateful! 

Hi, try adding this code and let me know how it goes 🙂

.image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover .image-caption-wrapper {
  padding: 0px 17px !important;
}

Please give this a 👍 if it helps

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.