[Hustle Pro] Hustle Pro

Hi there, my customer has just set up a pop up on a subsite on the above main site, his domain is huntersmoonretreat.co.uk and would like to know if its possible to reduce the opacity of the pop up background mask, as it’s very dark. I tried this css but didn’t make any difference;
.hustle-ui.module_id_1 .hustle-popup-mask {
background-color: rgba(51,51,51,.3);
}
Please help!

  • Patrick Freitas
    • FLS

    Hi Ellen

    Hope you are doing well.

    The CSS seems to work fine for me.

    [attachments are only viewable by logged-in members]

    You can try to add a !important to make it stronger:

    .hustle-ui.module_id_1 .hustle-popup-mask {
    background-color: rgba(51,51,51,.3) !important;
    }

    I can also see there is another custom CSS having priority on this,

    [attachments are only viewable by logged-in members]

    Removing it should also make the new .3 on alpha works fine.

    Let us know if you need any further help on this.
    Best Regards
    Patrick Freitas

  • Mukul Chawla
    • Product Manager

    Hey Ellen

    Apart from the CSS my colleague suggested above, you can also do this via the Hustle UI on the Appearance tab. Under the “Colors Palette” setting, there is a color picker called “Pop-up mask” where you can select the RGBA value of the mask. Refer to the screenshot below:
    [attachments are only viewable by logged-in members]

    Let us know if you need any further assistance.

    Regards,
    Mukul Chawla