Melisssa Posted August 4, 2020 Share Posted August 4, 2020 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! Link to comment
tuanphan Posted August 5, 2020 Share Posted August 5, 2020 Make this text "EQUINE CHOICE" bold, then let me know. We will give the code to replace it with logo Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message 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
Melisssa Posted August 7, 2020 Author Share Posted August 7, 2020 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! Link to comment
tuanphan Posted August 7, 2020 Share Posted August 7, 2020 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. Or send to forum message 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
Melisssa Posted August 7, 2020 Author Share Posted August 7, 2020 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
Melisssa Posted August 7, 2020 Author Share Posted August 7, 2020 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
Thebeedub Posted April 2, 2021 Share Posted April 2, 2021 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? Link to comment
tuanphan Posted April 17, 2021 Share Posted April 17, 2021 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. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message 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
TNG Posted September 13, 2021 Share Posted September 13, 2021 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 Link to comment
tuanphan Posted September 14, 2021 Share Posted September 14, 2021 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 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment