Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 23, 2015 at 12:03 pm #523672
    thatkidaathi

    Hey Folks,

    I’m trying to figure out how to make a before and after slider full width in enfold.
    Can you guys help me with this issue?
    Even when I set the width to 100% it’s not working

    Cheers,
    Aathi

    October 23, 2015 at 12:12 pm #523675
    Guenni007

    what do you mean by before and after
    what kind of slider do you mean of enfold (the advanced layer-slider, fullwidth-slider, full-screen-slider, simple-slider, etc..).

    Fullwidth-slider and fullscreen-slider are allway on default on 100% of the screen.

    • This reply was modified 9 years ago by Guenni007.
    October 23, 2015 at 12:14 pm #523677
    thatkidaathi

    http://codecanyon.net/item/smart-before-after-viewer/full_screen_preview/7672815 I’m using the slide for my website but can’t make it full width

    October 23, 2015 at 5:05 pm #523987
    Elliott

    Hi!

    Add this to a codeblock element in the page.

    <style type = "text/css">
.fullsize .container .twentytwenty-container {
    margin: 0px !important;
}
.fullsize .container {
    max-width: 100% !important;
    padding: 0px !important;
    margin: 0px !important;
}
.fullsize main {
    padding: 0px !important;
    margin: 0px !important;
}
</style>

    Best regards,
    Elliott

    October 26, 2015 at 12:31 pm #524816
    thatkidaathi

    Awesome it’s working but just one thing, if i’m viewing the website on a smaller screen or if i make the browser smaller there is a white space that appears next to the slider and doesn’t fill the whole site. do you know how to fix that?Screenshot

    October 27, 2015 at 6:19 pm #525724
    Elliott

    Hey!

    Switch this part.

    .fullsize .container {
    max-width: 100% !important;
    padding: 0px !important;
    margin: 0px !important;
}

    To this.

    #top .fullsize .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0px !important;
    margin: 0px !important;
}

    Cheers!
    Elliott

    October 28, 2015 at 12:56 pm #526053
    thatkidaathi

    Awesome! Now there’s just one more problem. Everything underneath the slider is also in full width for example the icon box. check the link.

    October 28, 2015 at 2:29 pm #526094
    Yigit

    Hey!

    Please add your code block element inside a color section element and refer to this post – http://kriesi.at/documentation/enfold/color-section-with-100-container/

    Regards,
    Yigit

    November 10, 2015 at 12:54 pm #533180
    thatkidaathi

    Found an alternative solution. Thanks for ur support

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Full Width Slider’ is closed to new replies.