Buy me a coffee

Add an Icon next to Heading 3

#1. First, install Squarespace ID finder and find the ID of Text Block. In my example, we will have:

#block-yui_3_17_2_1_1717078403666_23167

add-an-icon-next-to-heading3-01-min

#2. Use this code to Custom CSS box

Replace Pixabay with your icon URL.

#block-yui_3_17_2_1_1717078403666_23167 h3:after {
    content: "";
    display: inline-block;
    background-image: url(https://cdn.pixabay.com/photo/2023/09/20/15/47/fish-8265114_1280.jpg);
    background-size: contain;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
}
#block-yui_3_17_2_1_1717078403666_23167 h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#3. Result

add-an-icon-next-to-heading3-02-min

Ask me a question, free

If your site is private or in trial, just setup password and share url. See how to: https://beaverhero.com/squarespace-how-to/
Please check your email carefully. Recently I got a lot of questions with wrong emails.

If you haven't heard from me within 24 hours please check your junk/spam folder