Change Slideshow Background color

• 

  moementmedia · Member · Jun 22, 2022 at 12:29 am

  • Copy link
  • Add topic to favorites

  Hello! Iam having the same problem again, that I had a year or so ago.

  The slideshow on my website has a grey and black frame. :-(
  But it should be all white. Website: https://moemedia.org/

  Old Thread:
  https://wordpress.com/forums/topic/change-gallery-slideshow-background-color/#post-3668910

  Also an additional question: Is it possible that I implement a downloadable pdf on my website?

  Thank you so much
  Kind regards

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

• 

  moementmedia · Member · Jun 22, 2022 at 12:30 am

  • Copy link

  My CSS at the moment:

  div.slideshow-window {
  background-color: inherit;
  border: none;
  }

  .slideshow-window, .slideshow-slide {
  background-color: #fff !important;
  }

  
  @media screen and (max-width: 1024px) {
  header#masthead {
  background-size: contain;
  background-color: white;
  }
  }

• 

  kokkieh · Staff · Jun 22, 2022 at 5:32 am

  • Copy link

  Hi there,

  This is because the HTML code that creates the slideshow on your site has changed, so the CSS you have no longer targets the slideshow’s HTML.

  Replace your existing CSS with the following, and it should make the background all-white again:

  div.jetpack-slideshow-window {
  	background-color: inherit;
  	border: none;
  }
  
  .jetpack-slideshow-window, .jetpack-slideshow-slide {
  	background-color: #fff !important;
  }
  
  @media screen and (max-width: 1024px) {
  	header#masthead {
  		background-size: contain;
  		background-color: white;
  	}
  }

• 

  moementmedia · Member · Jun 22, 2022 at 1:24 pm

  • Copy link

  ok thank you for the quick reply. that worked.

• 

  helper-heroponriki · Member · Jun 22, 2022 at 2:22 pm

  • Copy link

  Great to hear!

  In the future, since you have a Pro plan, you have access to priority email and live chat support. You can access this priority support from your account page, where you can get help more quickly than by posting in the free public support forums.

  https://wordpress.com/help/contact