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

Insert Image into Text Block of Image Collage


Recommended Posts

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!

 

Screen Shot 2020-08-04 at 11.28.36 AM.png

Link to comment
  • Replies 10
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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!!

 

Link to comment
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

Link to comment
  • 7 months later...

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?  

Screen Shot 2021-04-02 at 7.38.01 AM.png

Link to comment
  • 2 weeks later...
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?  

Screen Shot 2021-04-02 at 7.38.01 AM.png

Hi. The url doesn't exist.

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 month later...
  • 3 months later...
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

Screen Shot 2021-09-13 at 7.03.35 pm.png

KFF_100px.png

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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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


×
×
  • Create New...