Title: background lightbox
Last modified: October 12, 2020

---

# background lightbox

 *  Resolved [Jacqueline](https://wordpress.org/support/users/wplien/)
 * (@wplien)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/background-lightbox/)
 * Hello,
 * first of all I want to thank you for the excellent theme you created and the 
   great support you offer to make it work perfectly!
 * My question is about the background of the lightbox, that shows when clicking
   the magnifying glass. I managed to change the lightbox background from black 
   to grey (thanks to support I found on this forum 😉 and I would like to make 
   a few more changes to it:
 * * The top and bottom of the page are grey. Can I change this into white as well?
   *
   I would like to hide the image title at the bottom. Is that possible? * The white
   arrow (to go to the next image) doesn’t show on the white background anymore.
   Can the colour of the arrow be changed?
 * Could you help me with this? Thank you so much in advance!
 * Kind regards,
    Jacqueline
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fbackground-lightbox%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Abhishek](https://wordpress.org/support/users/abhikr781/)
 * (@abhikr781)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/background-lightbox/#post-13527245)
 * Hi,
 * We are most certainly thankful for your great feedback.
 * Sorry but not getting the 1st and 2nd issue. Please share a snapshot, if possible
   marked the area. That will help to inspect the issue and give you the code accordingly.
 * 2. do you mean the caption of the images?
 * 3. Please try to add the below CSS code from the Appearance > Customize > Custom
   CSS, and check.
 *     ```
       .owp-product-nav .owp-nav-link.prev {
           background-color: #04047f;
       }
       ```
   
 * PS- change the color code as per your need.
 *  Thread Starter [Jacqueline](https://wordpress.org/support/users/wplien/)
 * (@wplien)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/background-lightbox/#post-13529154)
 * Hi Abishek,
 * many thanks for your quick answer!
 * On this link, you can find a snapshot with the marked areas:
    [https://www.dvina.nl/example-lightbox/](https://www.dvina.nl/example-lightbox/)
 * It’s an example of how a lightbox is shown when you click on the magnifying glass
   on a single product page.
 * 1. Is is possible to hide the grey bars on top and bottom of the lightbox, or
   turn their colour into white so that they show anymore?
    2. Is it possible to
   hide the image title on the bottom of the lightbox? 3. Is it possible to change
   the colour of the arrow on the right side of the lightbox (invisible on the snapshot,
   probably because the arrow and background are both white).
 * I added the CSS-code you suggested into the Extra CSS section, but I didn’t see
   any change.
 * I would really appreciate it if you could help me with my questions. Thanks again
   for your time!
 * Kind regards,
    Jacqueline
 *  Thread Starter [Jacqueline](https://wordpress.org/support/users/wplien/)
 * (@wplien)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/background-lightbox/#post-13601671)
 * Hi Abishek,
 * I’ve been trying to find answers to the questions I have (see above), but I don’t
   manage to figure out what to do. I would really appreciate your input or advice.
   If you have any further questions about the issues I mentioned, please let me
   know. Thank you so much for your help.
 * Kind regards,
    Jacqueline
 *  [Abhishek](https://wordpress.org/support/users/abhikr781/)
 * (@abhikr781)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/background-lightbox/#post-13634767)
 * Hi,
 * Try to use the below code to change the background color but the icon will not
   appear (white icon on white background). Since the icon is an image, you can’t
   change its color.
 *     ```
       .pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
           background-color: rgb(255 253 253 / 30%);
       }
       ```
   
 * Unfortunately, There is no option to add the image title.
 *  Thread Starter [Jacqueline](https://wordpress.org/support/users/wplien/)
 * (@wplien)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/background-lightbox/#post-13663285)
 * Hi Abhishek,
 * thanks again for your support! I managed to change the background color and to
   hide the bar at the bottom of the gallery image. The image caption in the bar
   is hidden as well. I’m very happy with the result!
 * Kind regards,
    Jacqueline
 *  [Abhishek](https://wordpress.org/support/users/abhikr781/)
 * (@abhikr781)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/background-lightbox/#post-13671298)
 * You are most welcome and Glad to hear that the issue has been fixed!

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

The topic ‘background lightbox’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.1.6/screenshot.png)
 * OceanWP
 * [Support Threads](https://wordpress.org/support/theme/oceanwp/)
 * [Active Topics](https://wordpress.org/support/theme/oceanwp/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/oceanwp/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/oceanwp/reviews/)

## Tags

 * [arrow](https://wordpress.org/support/topic-tag/arrow/)

 * 6 replies
 * 2 participants
 * Last reply from: [Abhishek](https://wordpress.org/support/users/abhikr781/)
 * Last activity: [5 years, 6 months ago](https://wordpress.org/support/topic/background-lightbox/#post-13671298)
 * Status: resolved