# Css for delete file button color?

**URL:** <https://community.gravityforms.com/t/css-for-delete-file-button-color/12556>\
**Category:** Get Help\
**Tags:** gform\_file\_upload\_markup, css\
**Created:** [May 5, 2022, 3:52pm UTC](https://community.gravityforms.com/t/css-for-delete-file-button-color/12556 "2022-05-05T15:52:55Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![taya](https://avatars.discourse-cdn.com/v4/letter/t/cdc98d/32.png) [@taya](https://community.gravityforms.com/u/taya)\
**Post date:** [May 5, 2022, 3:52pm UTC](https://community.gravityforms.com/t/css-for-delete-file-button-color/12556/1 "2022-05-05T15:52:55Z")

</div>

Hello!  
I want to change the color of the delete file button.

Basically, when someone fills out the form and doesn’t complete it correctly, they always think the problem is with the image files due to the color of the cross.

> **[Trade Account - Letchworth Motor Auctions](https://www.letchworthmotorauctions.co.uk/trade-account/)**
>
> TRADE APPLICATION FORM 
> Register your trade account details below and one of the sales team will be in touch very soon to process your application.
>  
> 
> To complete a successful trade application, we will require: 
> 
> Proof of ID ( a copy of your valid...

Help would be greatly appreciated!

 ![001](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/4/4373c169aef69aa3faa221d24aa6be1bad8e20cf.png)

---

<div class="post-metadata">

**Author:** ![uamv](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/uamv/32/1412_2.png) [@uamv](https://community.gravityforms.com/u/uamv)\
**Post date:** [May 5, 2022, 5:41pm UTC](https://community.gravityforms.com/t/css-for-delete-file-button-color/12556/2 "2022-05-05T17:41:35Z")

</div>

Are you able to disable legacy markup for this form? The newer markup _(used with forms created after version 2.5)_ presents these icons as trash bins instead – improving the user experience. Legacy markup can be toggled at **Form → Settings → Form Options → Enable legacy markup**.

---

<div class="post-metadata">

**Author:** ![taya](https://avatars.discourse-cdn.com/v4/letter/t/cdc98d/32.png) [@taya](https://community.gravityforms.com/u/taya)\
**Post date:** [May 5, 2022, 6:41pm UTC](https://community.gravityforms.com/t/css-for-delete-file-button-color/12556/3 "2022-05-05T18:41:36Z")

</div>

Hi Joshua,

Thank you for your response,

Unfortunately, I can’t find it in the settings, probably because my current Gravity Form version is 2.25. Is there any other way I can do it rather than updating to latest version?

---

<div class="post-metadata">

**Author:** ![uamv](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/uamv/32/1412_2.png) [@uamv](https://community.gravityforms.com/u/uamv)\
**Post date:** [May 5, 2022, 8:24pm UTC](https://community.gravityforms.com/t/css-for-delete-file-button-color/12556/4 "2022-05-05T20:24:54Z")

</div>

You can hook into the filter [gform\_file\_upload\_markup](https://docs.gravityforms.com/gform_file_upload_markup/) with some custom code. There is an example on that page showing how to [change delete button](https://docs.gravityforms.com/gform_file_upload_markup/#change-delete-button), though I don’t know if that specific example is relevant for legacy markup or the standard markup.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/f/fef63f0599c45e0218c30d9f5d7ca8bff9b00189.png) [@system](https://community.gravityforms.com/u/system)\
**Post date:** [June 4, 2022, 8:25pm UTC](https://community.gravityforms.com/t/css-for-delete-file-button-color/12556/5 "2022-06-04T20:25:24Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.