-
AuthorPosts
-
October 23, 2015 at 12:03 pm #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 workingCheers,
AathiOctober 23, 2015 at 12:12 pm #523675what 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.
October 23, 2015 at 12:14 pm #523677http://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 #523987Hi!
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,
ElliottOctober 26, 2015 at 12:31 pm #524816Awesome 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?
October 27, 2015 at 6:19 pm #525724Hey!
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!
ElliottOctober 28, 2015 at 12:56 pm #526053Awesome! 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 #526094Hey!
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,
YigitNovember 10, 2015 at 12:54 pm #533180Found an alternative solution. Thanks for ur support
-
AuthorPosts
- The topic ‘Full Width Slider’ is closed to new replies.