Jump to content

Change Image Hover Caption Background Height Using CSS?

Recommended Posts

When I use the hover caption mode for image blocks, the caption appears on hover at the bottom of the image on a dark/back background.  The background has a fairly large amount of empty space around the text.  Is there any way to shrink the size of the vertical black border area around the text, to make it shorter and cover up less of the image height?  I attached a sample of what I see.

The site uses Squarespace 7 with the Dovetail theme.  I'm familiar with old-school HTML from 20 years ago, but a relative novice at CSS.  I do know where to enter site-wide CSS tweaks, if that is the right solution.

Caption Example.png

Link to comment
  • Replies 3
  • Views 599
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • 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.