Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 10, 2021 at 6:08 am #1279304
    Dzimnikov

    Hey, so I’m working on a website here: https://aloriadance.com/

    As you can tell, the captions of the slider overlap with the side arrow buttons.

    I tried using this code: 

    
div.container.caption_container {
	margin-left: 50px;
		margin-right: 50px !important;
}

    But that only worked for the left margin on the first slide. When you get to the second slide… the problem persists. I tried isolating the divs by slide and applying the code, but it didn’t work.

    Can you please help me out?

    February 11, 2021 at 12:27 pm #1279724
    Rikard

    Hey Dzimnikov,

    Please try this CSS as well:

    .avia-fullscreen-slider .caption_right .slideshow_caption {
    right: 40px;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.