Moz radius on essential grid

Support
#1

I can’t get rid of the border radius on essential grid.

the code is an inline style

.eg-jefferson-wrapper {
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC) !important;
}

I have tried adding custom css to override this but is does not work?

Please advise

#2

Hi There,

If the that is the CSS coming from the essential grid skin, and is added as inline, there’s 2 things to consider to override it. First the location of the CSS and the !important. Note that !important override the normal CSS priority/hierarchy, and the fact that is also an inline makes it more of a priority. To override it, make sure that you have added !important to the new CSS override and then add it instead on the plugin Global custom CSS textarea and not on the theme Global CSS.

Hope this helps.