WDSite Posted September 10, 2020 Share Posted September 10, 2020 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. Link to comment
IXStudio Posted September 10, 2020 Share Posted September 10, 2020 Hi, Please share your website URL. Best, Leopold Ninja Kit Extension: Upgrade your Squarespace website without coding.YouTube Preview - FREE DOWNLOAD Link to comment
WDSite Posted September 10, 2020 Author Share Posted September 10, 2020 (edited) Here is a sample image page: <<sample page has since been deleted>> Edited September 11, 2020 by WDSite Link to comment
IXStudio Posted September 11, 2020 Share Posted September 11, 2020 Hi Use this code in Design -> Custom CSS .sqs-block-image .image-block-outer-wrapper.layout-caption-overlay-hover:hover .image-caption-wrapper { padding: 0px 18px !important; } Please use the like button if it helps you! Best, Leopold WDSite 1 Ninja Kit Extension: Upgrade your Squarespace website without coding.YouTube Preview - FREE DOWNLOAD 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