Changing the carousel background color in the CSS

• 

  ayinesart · Member · Dec 21, 2016 at 7:13 pm

  • Copy link
  • Add topic to favorites

  Hi there. I am trying to change the background color of the image carousel in the Twentyseventeen theme to something other than black or white. Can I do this in the CSS in some way? I know it has to be in there somewhere. I don’t know if it would be in Jetpack, or in the default WP carousel, since I can’t remember if I set up the gallery images before or after I installed the Jetpack plug in, but I’m pretty sure it was after. I already know how to change the background from black to white in the JP settings. I wanted to pick something more transparent and gray.

  Thank you for the help.

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

• 

  ayinesart · Member · Dec 21, 2016 at 7:53 pm

  • Copy link

  Well, I found the solution. For those of you that were looking for it too. Here it is:

  .jp-carousel-light .jp-carousel-overlay {
  background: #000;
  filter: alpha(opacity=60);
  -moz-opacity: .6;
  opacity: 0.6;
  }

  Obviously, you can change the numbers to change the opacity/transparency.

  Thanks anyway!