Add a Border Around Text in a Card Image Block

Have you ever saw a really cool header on a website and thought, how did they do that? Well my friend, this is one of my favourite pass times.

The other day, I came across a couple sites that had an image next to some text with a border. I knew I just had to share how to get this effect on your own website.

In this video, I show you how to add a border around text in a card image block. All the code used in the video is provided below.

The following code is used in the video.

#PAGENAME  .sqs-block-image .design-layout-card .image-card-wrapper {
  border: solid 3px #006400 !important;
}

Here are some other posts you may like:

• How to Animate Text on Your Squarespace Website

• How to Only Display the Cart Icon Once an Item Has Been Added

• How to Add a Multi-Layer Dropdown Box to Your Squarespace Website