Title: Lightbox Close Button – Relative
Last modified: August 22, 2016

---

# Lightbox Close Button – Relative

 *  Resolved [Schalk Joubert](https://wordpress.org/support/users/schalkjoubert/)
 * (@schalkjoubert)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/lightbox-close-button-relative/)
 * Hi,
 * Can the lightbox close button be made relative to the image, instead of absolute
   to the browser window?
 * At the moment the close button is on the very edge of the screen, and often overlooked.
 * Instead, it will be more visible if it is at the top right corner of the image;
   that’s the way users are used to…
 * Thank you,
 * [https://wordpress.org/plugins/responsive-photo-gallery/](https://wordpress.org/plugins/responsive-photo-gallery/)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Author [Weblizar – WordPress Themes & Plugin](https://wordpress.org/support/users/weblizar/)
 * (@weblizar)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/lightbox-close-button-relative/#post-5802984)
 * 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
 *  Thread Starter [Schalk Joubert](https://wordpress.org/support/users/schalkjoubert/)
 * (@schalkjoubert)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/lightbox-close-button-relative/#post-5802986)
 * 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,
 *  Plugin Author [Weblizar – WordPress Themes & Plugin](https://wordpress.org/support/users/weblizar/)
 * (@weblizar)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/lightbox-close-button-relative/#post-5802987)
 * Can you provide me your gallery url?
 *  Thread Starter [Schalk Joubert](https://wordpress.org/support/users/schalkjoubert/)
 * (@schalkjoubert)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/lightbox-close-button-relative/#post-5802988)
 * Hi, yes,
    First click here to bypass the “under construction page” [http://www.camcard.co.za/dubai/beta](http://www.camcard.co.za/dubai/beta)
 * And then, click on GALLERY in the top navigation.
 * Thank you,
    Schalk
 *  Plugin Author [Weblizar – WordPress Themes & Plugin](https://wordpress.org/support/users/weblizar/)
 * (@weblizar)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/lightbox-close-button-relative/#post-5802991)
 * 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

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Lightbox Close Button – Relative’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/responsive-photo-gallery_443b39.svg)
 * [Responsive Photo Gallery](https://wordpress.org/plugins/responsive-photo-gallery/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/responsive-photo-gallery/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/responsive-photo-gallery/)
 * [Active Topics](https://wordpress.org/support/plugin/responsive-photo-gallery/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/responsive-photo-gallery/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/responsive-photo-gallery/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Weblizar – WordPress Themes & Plugin](https://wordpress.org/support/users/weblizar/)
 * Last activity: [11 years, 6 months ago](https://wordpress.org/support/topic/lightbox-close-button-relative/#post-5802991)
 * Status: resolved