Envira Gallery Close Button

[EarlySigns]

Hi there, I have Envira Gallery installed and have managed to make the close button bigger. However, the clickable area of the button is tiny and seems to only work when clicked on right in the centre of the X icon. Is there a way we can make the clickable area bigger in CSS? Much appreciated.

(Please see below for the gallery I am working on)
https://simplygraphicspreview.com/giastrauss/portfolio-portraits/

[tristup]

Hi @EarlySigns,

Thanks for reaching out.
You need to increase the width and the height of the Toolbar to make the closing area bigger. Please add the following custom CSS code into the Page CSS or Theme Options > CSS for that.

.envirabox-theme-base_dark .envirabox-toolbar>div,
.envirabox-theme-base_dark .envirabox-toolbar>div a
{
    width:30px !important;
    height:30px !important;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

[EarlySigns]

Hi there, that’s done the trick thanks so much!

[tristup]

Hi @EarlySigns,

Glad that we are able to help you.

Thanks