X-icon before/after css rules

[kcmwebadmin]

This is absolutely obnoxious.

.x-icon:before {
display: block !important;
position: static !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
width: inherit !important;
height: inherit !important;
margin: 0 !important;
line-height: inherit !important;
text-align: inherit !important;
}

What can we do to get rid of these rules so that we don’t have to follow it up with !importants in all of our custom css. I know I can delete it from the renew.css sheet, but then with future updates I’ll have to remember to do that…

Why would you even set a theme up like this?

[ruenel]

Hello @jasonribeiro,

Thanks for writing in! Please do not modify this CSS. If you want to tweak any of those properties, please do it in the Icon element settings instead. You can go to Icon > Design instead.

If you don’t see some of style options, you need to turn on the Advanced Mode by going to the Settings > Preferences > Advanced Mode

Best Regards.