Changing the background-color of the Choose File button in the File upload widget with CSS

[johnsonjm1992]

Hi there,

I want to change the background color of the Select File (nonlegacy) or Choose File (legacy) version of the File Upload Widget. Interestingly, on the web portal if i use the non legacy version and change the background-color of .button.primary.compact I can change the color, as well as the color of the Next button and all of the other functional buttons. But I want to only change the background color of the File Upload button. I am using version 4.5.1

[armingrudd]

Hi @johnsonjm1992,

Would you take a look at this post and see if it helps:

Refresh Button Widget and Theming

Hey @philcremer, changing the color of the refresh button is already possible with theming, but the refresh button currently just uses the color of the “primary” button that is defined for the whole WebPortal. Meaning that if you change that variable, all buttons for the WebPortal will change to the new color. If you want to change individual occurrences of the refresh button you can make use of the advanced tab in the layout editor and overwrite the variable definition for this occurrence. Ex…

[johnsonjm1992]

So I can now change the color of the button itself but I am left with a white box from row of the widget that I am unable to change colors

[DanielBog]

Hey @johnsonjm1992,

can you post a screenshot or an example of the new issue?

Greetings,
Daniel