I want to change the background colour of my slideshow

• 

  fermonta · Member · May 27, 2015 at 12:30 pm

  • Copy link
  • Add topic to favorites

  Hi there,
  long time ago I designed the blog https://fermonta.wordpress.com for friend of mine. At the beginning I could set the Background colour of the slideshow to white and it worked for some month. Now the background turns suddently to black. Why? I didn’t change anything. In the media settings the gallery is still set on white. I also tried to find a way to change the colour via CSS. But I couldn’t find the script. There is no way to edit the colour. Yes, I know thart i’ve to be am Premium-User to edit the CSS. I’m a Premium-User so there have to be an way to edit the CSS but there isn’t. I tried to embed a slideshare presentation with a white background but that one works on a dark background too. I don’t know why. Well I#m not a professional in writing and editing CSS. Please tell me what should I do, to change the Background. It cannot be so difficult can it? I would be so happy for the right way to change the colour.

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

• 

  thatrobyn · Member · May 27, 2015 at 7:39 pm

  • Copy link

  Hey there!

  Since you have the Premium upgrade, you can adjust your theme’s CSS to change the color of the slideshow’s background.

  If you’d like to give this a try, go to your customizer by clicking the link below:
  https://fermonta.wordpress.com/wp-admin/customize.php?

  Then, click CSS in your menu. In the CSS Revisions box, please paste the following underneath all existing text:

  .slideshow-window, .slideshow-window * {
  background-color: #ffffff;
  border: #ffffff;
  }

  Then Save your changes. That should do the trick!

  For more detailed instruction on how you can make CSS adjustments on your own, take a look at these two links:

  An Intro to CSS, or How to Make Things Look Like You Like

  
  https://dailypost.wordpress.com/2013/07/25/css-selectors/

  Thanks so much!

• 

  fermonta · Member · May 28, 2015 at 8:06 am

  • Copy link

  DearGreat, we are on the right way! I’ve copied your code into and it works. Thank you very much. But there ist still something wrong. There is a black frame around the slideshow und there is a grey fade while the pictures are changing. I’ve read the detailed instructions and I’ve tried to set the frame colour and the fade on white, too. It doesn’t work. I think I am to supid to understand CSS ;-(. I made some changes in the CSS in Firebug and it works. In the following code I set colour #222 to #fff and it works. But if I paste this code into the CSS Customizer and save the changes, it doesen’t work. What should I do?
  Thanks so much, too!

  }
  .slideshow-window {
  background-color: #222;
  border: 20px solid #222;
  border-radius: 10px;
  height: 0;
  margin-bottom: 20px;
  overflow: hidden;
  padding-bottom: 56.25% !important;
  padding-top: 30px !important;
  position: relative;
  z-index: 1;
  }

• 

  jeremeylduvall · Member · May 29, 2015 at 4:18 pm

  • Copy link

  Can you try adding this to the CSS?

  .slideshow-window.jetpack-slideshow.slideshow-black {
  	background-color: white;
  	border-color: white;
  }

  That should change the rest of the border/background to white.

• 

  fermonta · Member · May 29, 2015 at 4:43 pm

  • Copy link

  That’s it! Great! Thank you very much! You and thatrobyn get a line in in my book of cool people!

• 

  jeremeylduvall · Member · May 29, 2015 at 7:17 pm

  • Copy link

  Glad that worked! :)