To change slideshow background colour

• 

  thelanguaginglab · Member · Feb 22, 2021 at 1:46 am

  • Copy link
  • Add topic to favorites

  I tried changing the background colour of a slideshow from black to white and I succeeded until recently, when it turned black all of a sudden.

  Before that, I used the following codes (as advised by other advisers and users):

  /*
  Welcome to Custom CSS!
  
  To learn how this works, see http://wp.me/PEmnE-Bt
  */
  *, ::before, ::after {
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
  	box-sizing: border-box;
  }
  
  div.slideshow-window {
  	background: white;
  	border: none;
  }
  
  div.slideshow-controls {
  	display: none;
  }
  
  element {
  }

  Can anyone tell me how I can change the background colour back to white, please? Thank you in advance and take care, folks!

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

• 

  staff-totoro · Staff · Feb 22, 2021 at 8:59 pm

  • Copy link

  Hi there,

  Can I see this on your homepage?  Or is it a specific place I need to look at?  

  I visited your site but did not see a slideshow on any of the pages I checked. Thanks for pointing it out!

• 

  thelanguaginglab · Member · Feb 23, 2021 at 1:39 am

  • Copy link

  Hi staff-totoro,

  Thanks for your reply.

  Sorry to have not made it clear, the slideshow is on every page and post — on the bottom left corner, in the Widget area (Footer One), please.

• 

  aleone89 · Staff · Feb 23, 2021 at 9:48 am

  • Copy link

  Hello there,

  Many thanks for pointing that slideshow out.

  The code required here is:

  /* Change footer slideshow background colour */
  
  .slideshow-slide {
      background: white !important;
  }
  
  div#gallery-6337-1-slideshow {
      background-color: white;
      border: 20px solid white;
      border-radius: 0px;
  }

  Just so that you know, in order to get this accurately, I had to comment out and disable the code you previously mentioned.

  I hope this helps :)

• 

  thelanguaginglab · Member · Feb 23, 2021 at 12:18 pm

  • Copy link

  You are a star, @aleone89! Thank you so much!

  Take care :)

• 

  thelanguaginglab · Member · Feb 23, 2021 at 12:22 pm

  • Copy link

  You are a star, @aleone89! Thank you so much!

  Take care :)

  Just curious — should I still keep the following or not, please? Does it affect the slideshow, please?

  *, ::before, ::after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  }

• 

  thelanguaginglab · Member · Feb 23, 2021 at 12:27 pm

  • Copy link

  You are a star, @aleone89! Thank you so much!

  Take care :)

  Just curious — should I still keep the following or not, please? Does it affect the slideshow, please?

  *, ::before, ::after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  }

  Also, since I’ve got three versions of the slideshow, am I right to amend the code kindly provided by you to:

  .slideshow-slide {
      background: white !important;
  }
  
  div#gallery-6337-1-slideshow {
      background-color: white;
      border: 10px solid white;
  }
  
  div#gallery-6492-1-slideshow {
      background-color: white;
      border: 10px solid white;
  }
  
  div#gallery-6497-1-slideshow {
      background-color: white;
      border: 10px solid white;
  }
  
  div.slideshow-controls {
  	display: none;
  }

  PS – Sorry to have commented a few times, I don’t know how to delete the previous comments!

• 

  aleone89 · Staff · Feb 23, 2021 at 2:26 pm

  • Copy link

  Glad I could help!

  Just curious — should I still keep the following or not, please? Does it affect the slideshow, please?

  *, ::before, ::after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  }

  This can be deleted and has no baring on the code I’ve supplied.

  Also, since I’ve got three versions of the slideshow, am I right to amend the code kindly provided by you to:…
  

  That all looks correct, you’d need additional CSS for additional slideshows.

  I hope this helps :)

• 

  thelanguaginglab · Member · Feb 24, 2021 at 1:10 am

  • Copy link

  You’ve been a star, @aleone89. Thank you SO much and have a lovely day!

• 

  aleone89 · Staff · Feb 24, 2021 at 8:30 am

  • Copy link

  You’re welcome and likewise :)