CSS Conflict with Tailwind

Elements
1

Hi,

I am using the 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

2

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

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

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

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

1 Like
3

Thanks for the prompt response Ben. That worked great :+1:

1 Like
4

that’s awesome, glad it worked :smiley: