Insert Image into Text Block of Image Collage

Site URL: https://www.animalproproducts.com/home-test

I'm trying to add a logo into the text block of an image collage, but cannot figure out how to do it.

Instead of typing out the brand name as seen in the screenshot below (or at https://www.animalproproducts.com/home-test) I would like to display the logo. Is there a way to insert images into a text block?

Any help or suggestions would be greatly appreciated!

Make this text "EQUINE CHOICE"

bold, then let me know. We will give the code to replace it with logo

On 8/5/2020 at 10:30 AM, tuanphan said:

Make this text "EQUINE CHOICE"

bold, then let me know. We will give the code to replace it with logo

Done!

Add to Home > Design > Custom CSS

div#block-f965b939723a281a5178 .image-title strong {
    background-image: url(https://images.squarespace-cdn.com/content/v1/5eb9921ad2ae880e0ffba41b/1589225896580-FWCMM0ELEYC0C8YIR7A5/ke17ZwdGBToddI8pDm48kAfcuxLHAlnLMzLlqhGBkRpZw-zPPgdn4jUwVcJE1ZvWEtT5uBSRWt4vQZAgTJucoTqqXjS3CfNDSuuf31e0tVFdBfSSRZSNWlyKZKxqsZ-jCaPxcV7KwGZWiHVI_mhs-ZhESHpMfOOzESexg0C_2gM/EquineChoice-Gradient.jpg?format=300w);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    height: 70px;
    color: transparent;
}

9 minutes ago, tuanphan said:

Add to Home > Design > Custom CSS

div#block-f965b939723a281a5178 .image-title strong {
    background-image: url(https://images.squarespace-cdn.com/content/v1/5eb9921ad2ae880e0ffba41b/1589225896580-FWCMM0ELEYC0C8YIR7A5/ke17ZwdGBToddI8pDm48kAfcuxLHAlnLMzLlqhGBkRpZw-zPPgdn4jUwVcJE1ZvWEtT5uBSRWt4vQZAgTJucoTqqXjS3CfNDSuuf31e0tVFdBfSSRZSNWlyKZKxqsZ-jCaPxcV7KwGZWiHVI_mhs-ZhESHpMfOOzESexg0C_2gM/EquineChoice-Gradient.jpg?format=300w);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    height: 70px;
    color: transparent;
}

AMAZING! Thank you so much!!

36 minutes ago, tuanphan said:

Add to Home > Design > Custom CSS

div#block-f965b939723a281a5178 .image-title strong {
    background-image: url(https://images.squarespace-cdn.com/content/v1/5eb9921ad2ae880e0ffba41b/1589225896580-FWCMM0ELEYC0C8YIR7A5/ke17ZwdGBToddI8pDm48kAfcuxLHAlnLMzLlqhGBkRpZw-zPPgdn4jUwVcJE1ZvWEtT5uBSRWt4vQZAgTJucoTqqXjS3CfNDSuuf31e0tVFdBfSSRZSNWlyKZKxqsZ-jCaPxcV7KwGZWiHVI_mhs-ZhESHpMfOOzESexg0C_2gM/EquineChoice-Gradient.jpg?format=300w);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    height: 70px;
    color: transparent;
}

 

Can I ask one more question? How do you find the image URL? 

When I right-click on an image it doesn't give me the option to view or copy image URL, as directed by SQSP in this article: https://support.squarespace.com/hc/en-us/articles/205812748-Image-and-file-URLs-in-Squarespace

I need this same assistance!  I'm trying to insert the icons (towards the bottom of the page), into the text boxes so the alignment is smoother and offers better mobile compatibility.  https://onion-saffron-7wpg.squarespace.com/about-1

Can you help please?  

On 4/2/2021 at 6:38 PM, Thebeedub said:

I need this same assistance!  I'm trying to insert the icons (towards the bottom of the page), into the text boxes so the alignment is smoother and offers better mobile compatibility.  https://onion-saffron-7wpg.squarespace.com/about-1

Can you help please?  

Hi. The url doesn't exist.

I figured it out.  Thanks!

Hi I'm also trying to insert a PNG logo into a text block in my footer. See attached screen shot and the logo I want to insert into <logo>.

https://www.flying-change.com.au/

Cheers

22 hours ago, TNG said:

Hi I'm also trying to insert a PNG logo into a text block in my footer. See attached screen shot and the logo I want to insert into <logo>.

https://www.flying-change.com.au/

Cheers

Hi,

You can add copyright text with markdown block, then you can add image in that position

Reference: https://support.squarespace.com/hc/en-us/articles/205813788-Markdown-blocks

https://support.squarespace.com/hc/en-us/articles/206543587-Markdown-cheat-sheet

let me know if you still haven't solved this