Custom CSS option?

Hi there,

I’m trying to customise the close button, specifically the color and background, but am unable to as your have them set using !important.

Would be possible to add a custom css section in the plugin options, that can be used to overwrite the existing ‘!important’ css already applied?

Alternatively is there another way I can do it?
This is the css I’m trying to apply:

.offcanvas-navigation .offcanvas-header .btn-close {
    height: 60px !important;
    padding-left: calc(100% - 48px);
    margin-right: 0;
    color: #fff!important;
    background: #fff0 !important;
    border-radius: 0;
}

Basially make the ‘X’ white, and the background invisible and cover the whole header area so you can close it by pressing anywhere in the header.

Thank for your help!

• This topic was modified 2 years, 6 months ago by JapeNZ.