Slider width doesn’t align with other page content

  • Resolved tlwebsupport

    (@tlwebsupport)


    1 year, 1 month ago

    Hey folks!

    I’ve added the Depicter slider to the main page and it’s fine, but I can’t seem to align the width with the rest of the page.

    Option 1: If I use Full-width setting. The slider takes up the whole page width while other elements (content, header/footer etc) take up the space within the container.?
    Example: https://i.imgur.com/NAopICZ.jpeg

    Option 2: If I use Boxed setting. The slider acts up. The right/left paddings are too big but I don’t understand where they come from.
    Example: https://i.imgur.com/E3BMF1w.png

    Slider is added via page-builder (add element > Text box > entered shotcode in text).

    Could someone explain what I’m missing?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author averta

    (@averta)

    @tlwebsupport

    Hi. Unfortunately, the links for the screenshots that you send are invalid but I will provide some details here regardless. ?If you want the slider to fill up the available width of its parent element, you need to set the slider layout to “Boxed”. ?Let’s say your page has a sidebar and the available space in the rest of the page is 1000px. If the slider is set to Boxed layout and its width is at least 100 px then it will fill the parent element space and also your sider bar is just fine. ? ?If the Boxed slider has a smaller width, then it will be set to the left of the available space of its parent. In this case, to make the slider center-aligned, you need to navigate to the Depicter dashboard > Options > Advanced and put the following CSS snippet in the Custom styles section: ?? ?And regarding the full-width slider, yes the default behavior is that it will take up all the horizontal space.

    selector { margin: auto; }
    Thread Starter tlwebsupport

    (@tlwebsupport)

    Hi there! Appreciate your help a lot, thank you.

    That was the fullwidth setting (see the slider taking the whole space on right/left)

    And that was the boxed setting:

    The slider was aligned with the page content and it was cool, but I wanted to have it aligned with the header.

    I think it’s resolved now though! Thanks again ??

    Plugin Author averta

    (@averta)

    Hi. ?Happy to hear that it’s fixed. ?If you have any feedback we would love to hear from you again.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Slider width doesn’t align with other page content’ is closed to new replies.