Change lightbox background

• 

  rebeccaandruszka · Member · May 29, 2020 at 7:39 pm

  • Copy link
  • Add topic to favorites

  Hi! When I click on a photo in my gallery, I want the background to be white, not a close-up of the photo. I’ve tried a bunch of different css and nothing has worked so far.

  I’m in Hever theme, if that makes a difference.

  The blog I need help with is: (visible only to logged in users)

• 

  ictonyx90 · Member · May 29, 2020 at 8:13 pm

  • Copy link

  Hi Rebecca, it looks like this is set as a background image in this theme.
  Try removing it and setting background-color to white.
  I believe it should be something like this:

  .coblocks-lightbox_background{
  background-image:none;
  background-color:white;
  }

• 

  kokkieh · Staff · May 30, 2020 at 10:27 am

  • Copy link

  Hi there,

  What you’re seeing there is how the Masonry block you’re using is designed to work. There’s no way to change that using CSS, as the background image is generated dynamically while you scroll through the gallery, only after CSS on the page have already loaded.

  If you instead use the Tiled Gallery block, the photos will appear in the WordPress.com gallery carousel, and you can specify the background for that carousel from Media Settings, here:

  https://seedpoddesign.wordpress.com/wp-admin/options-media.php

  Tiled Gallery Block

  Also note your Premium Plan gives you access to live chat and email support for questions like this at https://wordpress.com/help/contact

• 

  rebeccaandruszka · Member · May 30, 2020 at 3:38 pm

  • Copy link

  Thanks @kokkieh. I was pretty sure that this was a “feature, not a bug” situation. I actually like the background, but my client wants something cleaner.

  I spent most of yesterday banging my head against this problem, so I’m also a little grateful that it’s actually impossible and not just me losing my edge.