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

  • 11 February 2016
  • 2 replies
  • 2 views

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 replies

Userlevel 7
Badge +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

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

Reply