Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #523672

    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

    #523675

    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, 2 months ago by Guenni007.
    #523677

    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

    #523987

    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

    #524816

    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

    #525724

    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

    #526053

    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.

    #526094

    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

    #533180

    Found an alternative solution. Thanks for ur support

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