# Make an image with an 'X' over it - Rich Text

**URL:** <https://community.glideapps.com/t/make-an-image-with-an-x-over-it-rich-text/19916>\
**Category:** Ask for Help\
**Created:** [December 15, 2020, 9:42pm UTC](https://community.glideapps.com/t/make-an-image-with-an-x-over-it-rich-text/19916 "2020-12-15T21:42:05Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)\
**Post date:** [December 15, 2020, 9:42pm UTC](https://community.glideapps.com/t/make-an-image-with-an-x-over-it-rich-text/19916/1 "2020-12-15T21:42:05Z")

</div>

### Hey guys!

I need to make an image that has a big, red, X over it. I figure this will need to be made with rich text. The image URL will have to depend on the logged in user’s profile picture, which means this will have to be stored in a template column.  
I was looking at [this](https://stackoverflow.com/questions/52939289/display-x-over-img) StackOverflow post, but it won’t work.

Does anyone have some glide-friendly CSS for this?

Thanks,  
@Pablo_books

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [December 15, 2020, 9:52pm UTC](https://community.glideapps.com/t/make-an-image-with-an-x-over-it-rich-text/19916/2 "2020-12-15T21:52:42Z")

</div>

Have you looked at Cloudinary? Dead simple for that sort of thing.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [December 15, 2020, 10:21pm UTC](https://community.glideapps.com/t/make-an-image-with-an-x-over-it-rich-text/19916/3 "2020-12-15T22:21:03Z")

</div>

Yes, would just be a fetched layer on top of the image, agree it would be simple and I can code it for Pablo later today in my time (it’s 5am here).

---

<div class="post-metadata">

**Author:** ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)\
**Post date:** [December 16, 2020, 2:58am UTC](https://community.glideapps.com/t/make-an-image-with-an-x-over-it-rich-text/19916/4 "2020-12-16T02:58:57Z")

</div>

Ah, so I would add two diagonal line overlays. Nice!

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [December 16, 2020, 3:48am UTC](https://community.glideapps.com/t/make-an-image-with-an-x-over-it-rich-text/19916/5 "2020-12-16T03:48:42Z")

</div>

Have you been able to figure it out? I was about to trial a Cloudinary solution.

---

<div class="post-metadata">

**Author:** ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)\
**Post date:** [December 16, 2020, 4:27am UTC](https://community.glideapps.com/t/make-an-image-with-an-x-over-it-rich-text/19916/6 "2020-12-16T04:27:46Z")

</div>

Not exactly - I’m stuck on how to upload the diagonal line images.  
What’s an image ID?  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/b/4b2699a5e0ac0211fffac52064b7beecc09b5353.png)

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [December 16, 2020, 4:49am UTC](https://community.glideapps.com/t/make-an-image-with-an-x-over-it-rich-text/19916/7 "2020-12-16T04:49:05Z")

</div>

Here’s a working version.

Sample image:

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/d/9dbf55aa00ec13cf52507753da68880a25494d07.png)

Template:

`https://res.cloudinary.com/***/image/fetch/l_fetch:aHR0cHM6Ly9pLmltZ3VyLmNvbS9HdmFtR20xLnBuZw==,g_north_east,w_0.07,h_0.1,fl_relative/PIC`

`***:` Your Cloudinary account name  
PIC: The base image

I fetched a transparent icon I found on the Internet.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [December 16, 2020, 4:50am UTC](https://community.glideapps.com/t/make-an-image-with-an-x-over-it-rich-text/19916/8 "2020-12-16T04:50:37Z")

</div>

Another sample.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/d/9dacc9ddfc9d89726037a7a5d187e8f6a511a93e.jpeg)

---

<div class="post-metadata">

**Author:** ![Drearystate](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/drearystate/32/49605_2.png) [@Drearystate](https://community.glideapps.com/u/Drearystate)\
**Post date:** [December 16, 2020, 4:06pm UTC](https://community.glideapps.com/t/make-an-image-with-an-x-over-it-rich-text/19916/9 "2020-12-16T16:06:07Z")

</div>

Why not just jump into sketchbook with your images and make a duplicate image with the X (Sketchbook is free). It allows you to put a “X” of any font, color or size in a layer directly over your images. Then have both listed and if is true then no x image and x otherwise?

I did it for this game:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/6/d6506279b42bbae52636e28f10ed0c4a9b7bd7a6.jpeg)

---

<div class="post-metadata">

**Author:** ![AyS\_0908](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ays_0908/32/27349_2.png) [@AyS\_0908](https://community.glideapps.com/u/AyS_0908)\
**Post date:** [September 21, 2023, 7:17am UTC](https://community.glideapps.com/t/make-an-image-with-an-x-over-it-rich-text/19916/11 "2023-09-21T07:17:21Z")

</div>

Hi, the ability in glide former “app” to add a tag to a picture was quite useful. Hopefully it will come to Glide Page…

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [September 21, 2023, 8:19am UTC](https://community.glideapps.com/t/make-an-image-with-an-x-over-it-rich-text/19916/12 "2023-09-21T08:19:29Z")

</div>

I don’t have any info on whether they would bring that over.

---

<div class="post-metadata">

**Author:** ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)\
**Post date:** [January 17, 2024, 4:49pm UTC](https://community.glideapps.com/t/make-an-image-with-an-x-over-it-rich-text/19916/13 "2024-01-17T16:49:07Z")

</div>


