In-text check marks on Optio Blue template - how can I add crosses/"x"?


#1

The Optio blue template has little check marks that are in the text (not bullets). I’m wondering how I can include crosses (like "x"es) in the same style. 

Any ideas?

Screen shots show what I’m talking about - and the source code that shows they are tiny little text checks. 

Fingers crossed that someone has an idea. I do not want to use tiny little icons…but I will if I have to :( 

![](https://d2r1vs3d9006ap.cloudfront.net/s3_images/1362950/RackMultipart20160211-31666-jo3mi0-Edit A - Restaurant_Staff_Landing inline.png?1455209403 “Image https//d2r1vs3d9006apcloudfrontnet/s3_images/1362950/RackMultipart20160211-31666-jo3mi0-Edit__A__-__Restaurant_Staff_Landing__inlinepng1455209403”)
![](https://d2r1vs3d9006ap.cloudfront.net/s3_images/1362951/RackMultipart20160211-43487-i2ru09-Edit A - Restaurant_Staff_Landing inline.png?1455209482 “Image https//d2r1vs3d9006apcloudfrontnet/s3_images/1362951/RackMultipart20160211-43487-i2ru09-Edit__A__-__Restaurant_Staff_Landing__inlinepng1455209482”)


#2

Yes! Thanks!

The HTML codes did exactly what I wanted - will test browsers. 

Font Awesome is a good solution too. I’ll go that route if the first way doesn’t work out.

Thanks again,

Nichelle


#3

Hi Nichelle, 

You have a couple of options, besides images, to accomplish what you want. 

  1. Use Font Awesome to apply the desired crosses/“x”. It gives you a lot of flexibility but also adds an extra CSS file you have to call. 

  2. Use the HTML codes for these symbols. Here is a handy reference for most of them. However, keep in mind that these don’t render properly across all browsers/devices. (Also, based on the screenshot of the code, you’ve provided, it looks like they are using this method). 

Let us know how it works out.

Best,
Hristian