How to address checkbox from gdrp module?

[Vailry]

0 down vote favorite

 

I'm running Prestashop 1.7 and am using it's freely available GDPR compliance module, which i've hooked into the newsletter .tpl. All of the checkboxes are defined by the .custom-checkbox input ID. If I edit this one, every checkbox on the website changes it's colors.

Hence, what I'm trying to achieve is, modifying the checkbox that is used by the class gdpr_module_16.

I'd like to modify a specific .custom-checkbox input[type=checkbox]+span

 .custom-checkbox input[type="checkbox"] + span .checkbox-checked {
    display: none;
    margin: -.25rem -.125rem;
    font-size: 1.1rem;
    color: #232323;
}

The html structure looks like this:

<div id="gdpr_consent" class="gdpr_module_16">
<span class="custom-checkbox">
    <label class="psgdpr_consent_message">
        <input id="psgdpr_consent_checkbox_16" name="psgdpr_consent_checkbox" value="1" type="checkbox">
        <span><i class="material-icons rtl-no-flip checkbox-checked psgdpr_consent_icon"></i></span>
        <span>Dummytext dummy dummy</span>
    </label>
</span>

 

And the one that I want to address pops up in the firefox dev tool if I select

<i class="material-icons rtl-no-flip checkbox-checked psgdpr_consent_icon"><div></div></i>

I've tried to address it via

.custom-checkbox input[type=checkbox]+span .gdpr_module_16 .psgdpr_consent_checkbox

.custom-checkbox input .gdpr_module_16 .psgdpr_consent_checkbox

.gdpr_module_16 .psgdpr_consent_checkbox .custom-checkbox input[type=checkbox]+span

and

.gdpr_module_16 .psgdpr_consent_checkbox .custom-checkbox

My

border-color:white; 

hasn't workt with any of them.

[Darius Webdevelopers]

Did you find solution? 

[PrestaServicePro]

Hello, after your module did you try to clear cache from BO?