[Resolved] I need to overwrite CSS provided by wpt-toolset-backend css file

[Author]

Posts

[lesleeM]

We have an image field as part of a custom field group. This image field displays in the admin area of our site with the following CSS

.wpt-field-item .wpt-file-preview img {
max-width: 100%;
max-height: 100%;
height: auto;
width: auto;
}

This CSS is within wpt-toolset-backend.css?ver=0.1.2

We want to instead have a max-width of 400px for display here as the image is currently displaying at an enormous size.

I tried overriding this with CSS added to my Additional CSS section in my theme customizer, but that had no impact. I found this support ticket filed previously that seems to indicate that this problem should be resolved, but it isn't with my experience unless I'm doing something wrong.

Do I need to try the custom code approach also within this ticket? It would be better if I didn't have to do that and I could instead just keep my CSS in the customizer. Please let me know either way. Thanks.

[lesleeM]

The URL to the previous ticket is here:

https://toolset.com/forums/topic/overwrite-classes-in-wpt-toolset-backend-css-file/

[Minesh]

Hello. Thank you for contacting the Toolset support.

There are number of articles available about how you can apply custom CSS in admin area:
- hidden link
- hidden link

But I suggest you should use the following plugin to add your desired custom CSS in admin area:
=> https://wordpress.org/plugins/admin-css-mu/

[lesleeM]

That worked easily. My issue is resolved now. Thank you!