How to create a highlighted text effect?

Site URL: https://www.charmainedesigns.info

I'm trying to create this highlighted text effect. Any idea? 

Add a Markdown Block >> Paste the syntax

## Squarespace is a platform for <span style="background-color:green;color:white;">designers</span>

I need to do the same, but I have Galleries and page descriptions (in 7.0) that don't allow markdown blocks. So, I wonder if/how we're able to globally replace all Italic text with something like:

font-style:normal; background-color:green;

Basically, how would I target the italic font style globally? I hardly ever use italic text in my copy, so I figured that could be a solution.

Or is there a better approach to this perhaps?

44 minutes ago, jorohaco said:

how would I target the italic font style globally?

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

@creedon Here's the public URL: joroha.co/wellevate-dosage-ux

All the copy that I would like to highlight is already italicized. Bold seems to be an obvious answer to my problem, however I use that style for some headings. A color highlight would serve my purposes better—helping recruiters & hiring decision-makers to scan content for the most pertinent stuff.

Thanks in advance.

4 hours ago, jorohaco said:

A color highlight would serve my purposes better

Add the following to Design > Custom CSS.

em {

  background-color : rgba( 255, 255, 0, 0.5 );
  padding : 0.25em;
  
  }

This adds a highlighter like effect and should cover much of the italicized text. There might be some places were we need to come up with alternate CSS to address some cases.

Let us know how it goes.

The simplicity of this solution makes me kick myself that I hadn't thought of it. This worked perfectly. Thank you @creedon