# CSS Conflict with Tailwind

**URL:** <https://forums.realmacsoftware.com/t/css-conflict-with-tailwind/48374>\
**Category:** Elements\
**Created:** [June 26, 2025, 8:51am UTC](https://forums.realmacsoftware.com/t/css-conflict-with-tailwind/48374 "2025-06-26T08:51:57Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![johnhiggins](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/johnhiggins/32/33610_2.png) [@johnhiggins](https://forums.realmacsoftware.com/u/johnhiggins)\
**Post date:** [June 26, 2025, 8:51am UTC](https://forums.realmacsoftware.com/t/css-conflict-with-tailwind/48374/1 "2025-06-26T08:51:57Z")

</div>

Hi,

I am using the [fileuploader](https://innostudio.de/fileuploader/) plugin. I am using the Avatar theme.

I have successfully implemented this using Classic and the Foundation theme with no problems.

This is the first time I’ve tried using this plugin with Elements and have ran into a few issues where the Tailwind CSS is messing with the plugin CSS.

Any advices on how I might resolve this?

Thanks,

John

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [June 26, 2025, 9:17am UTC](https://forums.realmacsoftware.com/t/css-conflict-with-tailwind/48374/2 "2025-06-26T09:17:30Z")

</div>

Elements does have the Tailwind Form plugin installed, which could cause an issue.

Without knowing the details of “file uploader”, or seeing the published page, you might want to try the following:

Wrap the uploader in a container and **disable Tailwind Forms styling** using `all: revert`

```html
<div class="fileuploader-wrapper">
  <!-- FileUploader code -->
</div>

```

```css
.fileuploader-wrapper * {
  all: revert;
  font: inherit;
}

```

Hope that helps, let me know if you have more questions 🙂

---

<div class="post-metadata">

**Author:** ![johnhiggins](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/johnhiggins/32/33610_2.png) [@johnhiggins](https://forums.realmacsoftware.com/u/johnhiggins)\
**Post date:** [June 26, 2025, 10:33am UTC](https://forums.realmacsoftware.com/t/css-conflict-with-tailwind/48374/3 "2025-06-26T10:33:33Z")

</div>

Thanks for the prompt response Ben. That worked great 👍

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [June 26, 2025, 10:44am UTC](https://forums.realmacsoftware.com/t/css-conflict-with-tailwind/48374/4 "2025-06-26T10:44:24Z")

</div>

that’s awesome, glad it worked 😃