Balbooa Help Center: Close button on images in lightbox (1/1)

5 months 2 weeks ago #1

Ettore
Posts: 2

Hello.

My website URL: www.tsnpiacenza.it/test/poligono/storia-poligono.html

I would like to have a Close button with text, something like [CLOSE X ], on the full size images in the lightbox.

Of course I know that I can go back to the gallery with a single click on the left or right side of the image......but I think that for some users the [CLOSE X ] button can be more evident and clear.

Thank-You.

Ettore

5 months 2 weeks ago #2

Artem
Posts: 11020

Hi Ettore,

Looks like you have disabled the header in the Gallery lightbox, which includes the close button. Go to Gallery settings and enable the header

If you would like to add the title Close to the close icon, you need to add this CSS code to your template custom.css file

.header-icons i:after {
    content: "close";
    position: absolute;
    right: 60px;
    top: 20px;
    text-transform: uppercase;
    font-size: 14px;
}

Regards,
Artem, Balbooa.com

5 months 2 weeks ago #3

Ettore
Posts: 2

PROBLEM SOLVED.

Activated Header in the Gallery lightbox and added CSS code to the custom.scss file

I’ve also changed [X] button size from 24px to 40px in the ba-style.css file:

.album-in-lightbox i.albums-backdrop-close,
.gallery-modal .ba-modal-header .modal-title,
.gallery-modal .ba-modal-header .zmdi {
font-size: 40px;
line-height: 40px;
}

Thank-You for your GREAT support.

Merry Christmas!

Ettore

5 months 2 weeks ago #4

Artem Posts: 11020	Ettore, Merry Christmas Regards, Artem, Balbooa.com
	The administrator has disabled public write access.