Jcbloome 0 Share Posted November 16, 2019 Hello, I am doing a Price Table with Image Blocks on my website. I would like to emphasize the difference in the price tables by highlighting in bold the new items offered in the more expensive price table. The problem is selecting bold for the subtitle text doesn't make it stand out enough from the regular subtitle text color. What would be the CSS code injection to change the subtitle bold text color for the subtitles? Link to post
christyprice 702 Share Posted November 18, 2019 How about adding a background color to the subtitle to make it stand out? If you will post the link to your site, someone can help you out! If you are using a Brine family template and poster image blocks, this code will work for you. Paste it in Design > Custom CSS. You'd just change out the hex code for the color you want. .sqs-block-image .design-layout-poster .image-subtitle p { background-color: #aa2727; box-shadow: 0.25em 0 0 #aa2727, -0.25em 0 0 #aa2727; } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-subtitle p { display: inline; margin: 0; word-wrap: break-word; overflow-wrap: break-word; } christyprice.com 🇺🇸 Austin, TX US ✅ Download a FREE Squarespace Prelaunch Checklist 7 Best Squarespace Plugins • 8 Best Premium Squarespace Template Shops • Resources for Designers Link to post
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment