Envira Gallery Styling

[craig11]

Hi X,

How do i make the Envira Gallery Lightbox Arrows a bit more prominent? and the background a bit darker?

Thank you

[craig11]

I have tried adding the below to global css as per: https://enviragallery.com/docs/customize-lightbox-navigation-arrows/

Did not work.

.envirabox-next span {
background-image: url(“http://zfphotography.co.za/wp-content/uploads/2019/07/Next-Arrow.png”) !important;
width: 135px !important;
height: 135px !important;
background-repeat: no-repeat;
background-position: 0 0 !important;
background-size: 100%;
}
.envirabox-theme-base_dark .envirabox-navigation .envirabox-arrow–left span {
background-image: url(“http://zfphotography.co.za/wp-content/uploads/2019/07/Previous-Arrow.png”) !important;
width: 135px !important;
height: 135px !important;
background-repeat: no-repeat;
background-position: 0 0 !important;
background-size: 100%;
}

[christian]

Hey Craig,

Please give us the URL of the page where you added your Envira Galler so we could check the lightbox arrows.

Thanks.

[craig11]

Hi Christian,

Certainly will send through all details.

[ruenel]

Hello Craig,

The Envira Gallery lightbox arrows is using their very own Envira Gallery icons. If you want to make it larger, please make use of this custom css:

.envirabox-arrow {
    font-size: 250%;
    font-weight: bold !important;
}

Feel free to increase or decrease the font size.

[craig11]

Hi Rue,

Worked perfectly. Thank you

[jade]

You’re most welcome, Craig