Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
Jcbloome

image block subtitle bold color

Recommended Posts

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?

Share this post


Link to post

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;
}

 

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...