Adding a vector image as a highlight to text

Site URL: https://broadbelt.net/

Hi lovely people,

I have designed a group of vector elements that I'd like to add to my H1s and H2s as visual highlights.

Can anyone help me with some custom code to do this? I have attached some examples of what I'm after.

Thank you!

Sam

9 minutes ago, SammyGreen1985 said:

Site URL: https://broadbelt.net/

Hi lovely people,

I have designed a group of vector elements that I'd like to add to my H1s and H2s as visual highlights.

Can anyone help me with some custom code to do this? I have attached some examples of what I'm after.

Thank you!

Sam

Hi Sam. you can use these vector image (png format) as an background image. Add a text and where you add this effect simply make a bold/italic property for it so you can easily target that one word. Upload each image onto squarespace and get the link.

h2 em {
font-style: none !important;

background: url(// aad link here) no-repeat;
background-size: contain or cover // Use any of this
}

and if you want to add these image specific html block then simple grab the ID of the html-block and wrap above text in it, example below

#Block-id {

h2 em {
font-style: none !important;

background: url(// aad link here) no-repeat;
background-size: contain or cover // Use any of this
}

} 

Hi Sam,

Hope you're well?

Did you perhaps find out how to format your text with your vector elements?

On 11/7/2021 at 2:23 PM, IwanJ said:

Hi Sam,

 

Hope you're well?

 

Did you perhaps find out how to format your text with your vector elements?

Do you need help?

Hi there, yes I do need help.

On 11/10/2021 at 8:31 PM, IwanJ said:

Hi there, yes I do need help.

Have you tried above suggestion yet? If it doesn't work, can you share link to page where you added text & Which code did you try?

Hi Tuan, thank you again for your guidance. I will try what you suggest and keep you posted...

@tuanphan Hi again Tuan, may I ask for your email address? I'd like to find out what your rates are to assist with a site design...thank you...

On 11/22/2021 at 10:16 PM, IwanJ said:

@tuanphan Hi again Tuan, may I ask for your email address? I'd like to find out what your rates are to assist with a site design...thank you...

Hi,

I don't offer paid support/service. If you have problem, you can post here, we will support

That's awesome. Thanks @tuanphan 🙂
In my footer I have two different sections of linked text. I would like one section to have one colour and the other a different colour. Can you please assist?

On 11/25/2021 at 10:55 PM, IwanJ said:

That's awesome. Thanks @tuanphan 🙂
In my footer I have two different sections of linked text. I would like one section to have one colour and the other a different colour. Can you please assist?

What is your site url? We can check easier

@tuanphan thanks Tuan, but I came right on my own 🙂