Add image to text block

ArnoldJ · February 3

Hi, I am trying to add a logo next to two lines of text on my homepage. The text starts with "sample wines...". The logo is stored as an image in my asset library. I tried to add the logo as an image block but it's difficult to line up well with the text. Is it possible to add the logo directly to the text block instead?

Thanks for your help!

tuanphan · February 4

Hi,

Can you share link to homepage?

ArnoldJ · February 5

Sure, you can find the homepage here. Thanks!

tuanphan · February 11

(If you use a Business Plan or higher, I will give another easier guide to do this)

With current case, you can use this code to Website > Website Tools > Custom CSS

div#block-yui_3_17_2_1_1697723457843_13372 p:before {
    content: "";
    background-image: url(https://images.squarespace-cdn.com/content/v1/6527207078777a00e84fa37a/469f2106-40a3-4199-8af4-b54b4a13b2c4/SipPoint+logo.png?format=1500w);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    width: 100px;
    height: 40px;
}
div#block-yui_3_17_2_1_1697723457843_13372 p {
    display: flex;
    align-items: center;
    justify-content: center;
}

ArnoldJ · February 12

Thanks! I do have a business plan. Can you please let me know the easier way you mentioned to do this?

tuanphan · February 13

I just tried again, I think above code will be shorter.

ArnoldJ · February 17

Thanks! This works great. Do you know how to use an image that's stored in my asset library, but isn't currently shown on my website?

tuanphan · February 18

11 hours ago, ArnoldJ said:

Thanks! This works great. Do you know how to use an image that's stored in my asset library, but isn't currently shown on my website?

You can create a test page (you can delete it then) > Add a Gallery > Choose Images in Asset Library > Save > Right click on Image > Copy Image Address, then replace to code

Add image to text block

Recommended Posts

ArnoldJ

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

ArnoldJ

Link to comment

tuanphan

Link to comment

ArnoldJ

Link to comment

tuanphan

Link to comment

ArnoldJ

Link to comment

tuanphan

Link to comment

Create an account or sign in to comment

News

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources