Dark background behind image slide only.

josh's Avatar

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

    Dmitry Semenov's Avatar

    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;
    }
    
  2. 2 Posted by josh on 08 Mar, 2021 04:59 PM

    josh's Avatar

    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?

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

    Dmitry Semenov's Avatar

    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;

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac