!important flag used excessively

Beaver Builder
,
1

In the styles file “fl-builder-layout-modules.css”, I found a line for the popup icon.

.admin-bar .mfp-wrap .mfp-close,
.admin-bar .mfp-wrap .mfp-close:active,
.admin-bar .mfp-wrap .mfp-close:hover,
.admin-bar .mfp-wrap .mfp-close:focus {
top: 32px!important;
}

I understand why you have these styles, but I don’t understand why you’re using !important for it. I have to override it every time with more specific selectors.

In addition, this file is full of other styles with “!important”, and I believe this option should only be used in critical cases or when you’re feeling lazy.

2

What are you trying to overide in the lightbox?

3

These styles defined in your CSS never display correctly in my case, so I have to override them and use the !important flag, but I don’t like doing that, and that’s why I decided to let you know that there’s no need to include (!important) in your styles.
I suspect I’m not the only one who has to override these styles and encounter this problem.

4

Those are there because many other plugins use the same library so theme and plugin css was overiding it and we got complaints.

So what isnt displaying correctly, if we knew we could perhaps change the css to help you.