Skip default style (in lightbox)

When using the lightbox shortcode, the shortcode comes with a default style:
For example:
[su_lightbox type="inline" src="#ctf"][button id="footer-btn" style="border" align="center" link="/contact/" linkTarget="_self" bgColor="#3083a2" hover_color="#fff" font="16" icon="bubbles2" icon_placement="left" icon_color="accent1"]Click here →[/button][/su_lightbox][su_lightbox_content id="ctf" class="lightbox-ctf"][contact-form-7 id="15366" title=""]<span class="clearfix"> </span>[/su_lightbox_content]
This shortcode uses the following default values:

element.style {
    display: none;
    width: auto;  << Note, "none" is an invalid value!
    min-width: none;
    max-width: 600px;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 40px;
    background: #FFFFFF;
    color: #333333;
    box-shadow: 0px 0px 15px #333333;
    text-align: center;
}

I do not want to use the default values, but I want to style the lightbox in my CSS. The only way to override is to add ‘!important’ on every style element. The selection box (advanced setting) ‘Skip default settings’ is enabled, and I expected that I could use my own styles without having to overrule all default settings first or enforce the new setting. Is there something I’m missing here?.

Art

• This topic was modified 2 years, 9 months ago by dxfoxd.