Custom icons/illustrations next to text?

Site URL: https://puma-octahedron-lk6t.squarespace.com/

Hi there,

Can anyone tell me how I can add small icons next to specific parts of text.

I want to create something like this, that features an icon/illustration next to each text:

For example this is where I want it on my website:

Website: https://puma-octahedron-lk6t.squarespace.com/

Password: orrelo

Thanks!

Can you use Image Blocks?

--

or CSS

@tuanphan
I've already tried the image block but it doesn't seem to align properly, as it does in the example I want. Also I'd like it show like that on mobile as well, with an image block the layout changes, it enlarges, shows on two different lines, etc. I've tried a few different pieces of coding but nothing seems to be quite right.. 

6 minutes ago, ADC1570048538 said:

@tuanphan
I've already tried the image block but it doesn't seem to align properly, as it does in the example I want. Also I'd like it show like that on mobile as well, with an image block the layout changes, it enlarges, shows on two different lines, etc. I've tried a few different pieces of coding but nothing seems to be quite right.. 

 

okay. Tomorrow I will write a quick guide on this. Use Markdown Block.

@tuanphan

Amazing, thank you!

Hi @tuanphan - any chance you found a solution for this? Thanks!

On 4/26/2020 at 1:04 AM, ADC1570048538 said:

Hi @tuanphan - any chance you found a solution for this? Thanks!

Have you solved yet? See this guide

Did you ever figure this out? I'm trying to find out how to do the same thing. Image blocks don't seem to reduce width small enough! 

On 4/30/2021 at 12:12 PM, tiffatron said:

Did you ever figure this out? I'm trying to find out how to do the same thing. Image blocks don't seem to reduce width small enough! 

You can add Image Blocks then share link to page where you add images, we can give some code to resize image size