Jcbloome Posted November 16, 2019 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 comment
christyprice Posted November 18, 2019 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 ✅ For Web Designers: Squarespace Client Process Checklist. Save time and bring consistency to your web design projects. Receive a Notion doc template with my 100+ item client process checklist. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.