Jump to content

Change color of one letter in H1 Tag on one page

Recommended Posts

In my Nueva template I have the H1 overlay color set as white. However, in one H1 I need to create a word in which the first letter "F" is the green color #79bc43 and the rest of the word "OOD" is in black #000000. Is there a way to do this with CSS?Thank you!

Link to comment
  • Replies 1
  • Created
  • Last Reply

I just found the answer in a previous post. Here it is:

Add this to the custom CSS .highlight { color: #79bc43} .lowlight { color: #000000 }

Where you want the text, add a code block with the following:

<p><h1><span class="highlight">F</span><span class="lowlight">OOD</span></h1</p>

Link to comment


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.