Jump to content

CSS for Highlighting Text

Go to solution Solved by iamdavehart,

Recommended Posts

  • Solution

you could do it in a code block. add a code block and use the following HTML / Style

<div style="background-color:#CB4342; color:white; font-weight:bold; padding:0.5rem 1.5rem; border-radius:4px; display:inline-block; font-size:large;">
  STEP 1
</div>

if you're going to use this in more than one place, then add the style bit as a class to the Custom CSS in your site (go to Design from the main menu of the editor) like this

.redLabel {
	background-color:#CB4342; 
	color:white; 
	font-weight:bold; 
	padding:0.5rem 1.5rem; 
	border-radius:4px; 
	display:inline-block; 
	font-size:large;
}

and then in your code blocks use this class like this

<div class="redLabel">Step 1</div>

 

 

Dave Hart. Software/Technology Consultant living in London. buymeacoffee 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.