Lightbox Close Button – Relative

Hi Schalk Joubert,

You can modify the CSS style property to move the Close button.

File: jquery-rebox.css

File Path: your-wp-dir\wp-content\plugins\responsive-photo-gallery\css

Here The CSS Code: (code line no 18)

.rebox-close { right: 10px; top: 10px; }

Simply modify the right and top property to update the close button position at lightbox preview.

Thanks
Weblizar

Hi,

Thanks but that will never work, as you work.
The button will be at a different place for every screen size.

That is why the button should be absolute to the image and not absolute to the window.

Can you help with this?

Thank you,

Can you provide me your gallery url?

Hi, yes,
First click here to bypass the “under construction page”
https://www.camcard.co.za/dubai/beta

And then, click on GALLERY in the top navigation.

Thank you,
Schalk

Hello Sir,

If you want then we will increase the size of close button also we will change the position icon (right to left). But we are not able to display close icon on image corner.

File: jquery-rebox.css

File Path: your-wp-dir\wp-content\plugins\responsive-photo-gallery\css

Here The CSS Code: (code line no 18)

.rebox-close {
			right: 27px;
			top: 29px;
			width: 50px;
			height: 50px;
			line-height: 50px;
			color: #fff !important;
			opacity: 1.0;
			z-index: 999999;
			font-size: 38px;
		}

Replace css code with above cs code.

Thanks