XF 2.0 Insert image CSS

[Sean James]

Hey all!
I am having issues styling the 'insert picture' popup menu in the editor.



I can see in developer tools that the styling is using this CSS:

.fr-popup {
   background: #fefefe;
}

But no matter what CSS I add to my extra.less template it wont change from white. I am even using !important

Thanks!

 

[ŽivaAkcija]

also this plugin fail on darkness theme with this code inside extra.less https://xenforo.com/community/resources/staff-bbcodes-with-extra-two-pijanitvor-com.6211/

/* START www.PijaniTvor.com - SOS BBcodes */

/* Warning */

.warning-title {
    font-style: italic;
    font-size: 105%;
    color: #480b03;
    margin: 2px auto 0px auto;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-weight: bold;
    text-align: left;
    padding: 4px;
    background-color: #ec9184;
    border-width: 1px 1px 0px 4px;
    border-color: #a53323;
    border-style: solid;
}

.warning-title:before {
    content: "\f071";
    display: inline-block;
    color: #480b03;
    font-family: FontAwesome;
    text-align: left;
    padding-right: 7px;
}

.warning-text {
    padding: 4px;
    background: #dec9c6;
    border-width: 0px 1px 1px 4px;
    border-color: #a53323;
    border-style: solid;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0px auto 8px auto;
}


/* Help */

.help-title {
    font-style: italic;
    font-size: 105%;
    color: #d1efbe;
    margin: 2px auto 0px auto;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-weight: bold;
    text-align: left;
    padding: 4px;
    background-color: #669c44;
    border-width: 1px 1px 0px 4px;
    border-color: #286503;
    border-style: solid;
}

.help-title:before {
    content: "\f059";
    display: inline-block;
    color: #d1efbe;
    text-align: left;
    font-family: FontAwesome;
    padding-right: 7px;
}

.help-text {
    padding: 4px;
    background: #a9de88;
    border-width: 0px 1px 1px 4px;
    border-color: #286503;
    border-style: solid;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0px auto 8px auto;
}


/* Important */

.important-title {
    font-style: italic;
    font-size: 105%;
    color: #2f2e04;
    margin: 2px auto 0px auto;
    text-align: left;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-weight: bold;
    padding: 4px;
    background-color: #ccc960;
    border-width: 1px 1px 0px 4px;
    border-color: #716f22;
    border-style: solid;
}

.important-title:before {
    content: "\f08d";
    display: inline-block;
    color: #2f2e04;
    text-align: left;
    font-family: FontAwesome;
    padding-right: 7px;
}

.important-text {
    padding: 4px;
    background: #f3f19f;
    border-width: 0px 1px 1px 4px;
    border-color: #716f22;
    border-style: solid;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0px auto 8px auto;
}


/* Information */

.info-title {
    font-style: italic;
    font-size: 105%;
    color: #262384;
    margin: 2px auto 0px auto;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-weight: bold;
    text-align: left;
    padding: 4px;
    background-color: #94b4d4;
    border-width: 1px 1px 0px 4px;
    border-color: #638c9c;
    border-style: solid;
}

.info-title:before {
    content: "\f05a";
    display: inline-block;
    color: #262384;
    text-align: left;
    font-family: FontAwesome;
    padding-right: 7px;
}

.info-text {
    padding: 4px;
    background: #c0d9f1;
    border-width: 0px 1px 1px 4px;
    border-color: #638c9c;
    border-style: solid;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0px auto 8px auto;
}

/* END www.PijaniTvor.com - SOS BBcodes */

 

[Sean James]

ŽivaAkcija please use the Darkness support thread, I created this thread to get support for styling