Home → RoyalSlider WordPress Issues →

Dark background behind image slide only.

• Edit

josh

05 Mar, 2021 03:59 PM

I'm trying to get it so that the dark background is only behind the images, not all the way behind all of the slides. So that you don't end up seeing the dark area that is behind them at all. I hope this makes sense. I will send screenshots below.

How it normally looks: https://ibb.co/2KPHMhQ

How it looks without the dark background: https://ibb.co/x6vNKpL

How it looks when i add the background to the .rsContent: https://ibb.co/vkBKQ4r

How I want it to look: https://ibb.co/g7VqJ3Z

Page in question: https://thoroughbreds.3rfocuslabs.com/

1. Support Staff 1 Posted by Dmitry Semenov on 07 Mar, 2021 01:07 PM

   

   Hello,

   You've selected template where nearby slides are zoomed out and have reduced opacity. Either change template, or set scale and opacity via CSS, for example:

   .visibleNearbyZoom .rsSlide img {
       opacity: 1 !important;
       transform: scale(1) !important;
   }
   

   • Edit

2. 2 Posted by josh on 08 Mar, 2021 04:59 PM

   

   Thanks for your quick response.

   By placing the code you mentioned it makes all of the images the same size and gets rid of the darkness on the nearby/side images.

   Having the center image larger than the others was the style we were looking for, which is why we chose that template. However we need the nearby/side images to be darker than the main one. But not have a black border when they are scaled back. Is this possible?

   • Edit

3. Support Staff 3 Posted by Dmitry Semenov on 08 Mar, 2021 09:19 PM

   

   Ah. You have a style in your theme file https://thoroughbreds.3rfocuslabs.com/wp-content/themes/thoroughbre...

   .rsContent {
       background: #111;
   }
   

   either remove it or set background: none;

   • Edit