Jump to content

Adding a vector image as a highlight to text

Recommended Posts

  • Replies 11
  • Views 1k
  • Created
  • Last Reply
Posted
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

BROADBELT DIGITA.png

BB home.png

Vectors.png

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
}

  • 5 months later...
  • 2 weeks later...
Posted
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted

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?

Posted
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.