Title: Show slider full width
Last modified: August 21, 2016

---

# Show slider full width

 *  Resolved [nomafo](https://wordpress.org/support/users/nomafo/)
 * (@nomafo)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/show-slider-full-width/)
 * My website is width 1000 pixels.
 * But i need to show the slider full width or at least 1800px.
 * Is there any way i can change the Css so the slider goes full width?
 * [https://wordpress.org/plugins/easing-slider/](https://wordpress.org/plugins/easing-slider/)

Viewing 15 replies - 1 through 15 (of 18 total)

1 [2](https://wordpress.org/support/topic/show-slider-full-width/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/show-slider-full-width/page/2/?output_format=md)

 *  Plugin Author [MatthewRuddy](https://wordpress.org/support/users/matthewruddy/)
 * (@matthewruddy)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/show-slider-full-width/#post-4606686)
 * Hi [@nomafo](https://wordpress.org/support/users/nomafo/), try setting the slideshow
   to 1800px width, then enabling the **“Make this slideshow responsive”** option.
   Does that work?
 *  Thread Starter [nomafo](https://wordpress.org/support/users/nomafo/)
 * (@nomafo)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/show-slider-full-width/#post-4606777)
 * No, that does not work
 * this is the site [http://bonbon.nomafo.be/](http://bonbon.nomafo.be/)
 *  Plugin Author [MatthewRuddy](https://wordpress.org/support/users/matthewruddy/)
 * (@matthewruddy)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/show-slider-full-width/#post-4606781)
 * Hey again. The slideshow is resizing for me? I don’t see any issues 🙂
 * Can you explain in more detail?
 *  Thread Starter [nomafo](https://wordpress.org/support/users/nomafo/)
 * (@nomafo)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/show-slider-full-width/#post-4606799)
 * The width of the website is 1000px
 * but the slider should be 1800px wide.. but it stays in the same size of the website.
 * It should be 1800px over the width of the entire page
 * Hope I explain it well
 *  Plugin Author [MatthewRuddy](https://wordpress.org/support/users/matthewruddy/)
 * (@matthewruddy)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/show-slider-full-width/#post-4606842)
 * Hi [@nomafo](https://wordpress.org/support/users/nomafo/), that’s because the
   slideshow is contained within the boundaries of your theme. This is how responsive
   slideshows will work – they will fit themselves to the container they are within,
   which is 1000px in this case.
 * If you want to fix the width to 1800px and go beyond the bounds of the theme,
   you’ll need to disable the responsive functionality, but of course this will 
   keep the slideshow at 1800px width even on mobile devices.
 * Not sure if what you’re looking to achieve is possible 🙁 Sorry about that – 
   if I’m understanding correctly, it goes against the principals of a responsive
   design & slideshow. Very sorry about that.
 *  Thread Starter [nomafo](https://wordpress.org/support/users/nomafo/)
 * (@nomafo)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/show-slider-full-width/#post-4606844)
 * Hi,
 * I know it is possible with an image, to show it 1800px wide
 * It was done with this code in the css file
    img[src*=”frontpagekleiner”] { width:
   120%; margin-left: -200px; }
 * Can the same be done with the slider?
 *  Plugin Author [MatthewRuddy](https://wordpress.org/support/users/matthewruddy/)
 * (@matthewruddy)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/show-slider-full-width/#post-4606845)
 * Unfortunately not as a slideshow is a little more complicated than an image 🙁
   It isn’t possible to set the slideshow to 120% width – it relies on finite values
   and mathematics to create it’s dimensions responsively. Sorry about that.
 *  Thread Starter [nomafo](https://wordpress.org/support/users/nomafo/)
 * (@nomafo)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/show-slider-full-width/#post-4606846)
 * Or can i set the width to pixels instead?
 * Or any other solution?
 *  Plugin Author [MatthewRuddy](https://wordpress.org/support/users/matthewruddy/)
 * (@matthewruddy)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/show-slider-full-width/#post-4606847)
 * Yes, if you set the pixels and disable the responsive functionality you can do
   this using negative margins 🙂
 *  Thread Starter [nomafo](https://wordpress.org/support/users/nomafo/)
 * (@nomafo)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/show-slider-full-width/#post-4606848)
 * And what do i add to the Css file then?
 *  Plugin Author [MatthewRuddy](https://wordpress.org/support/users/matthewruddy/)
 * (@matthewruddy)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/show-slider-full-width/#post-4606849)
 * Try:
 *     ```
       .easingsliderlite {
           margin-left: -400px !important;
       }
       ```
   
 *  Thread Starter [nomafo](https://wordpress.org/support/users/nomafo/)
 * (@nomafo)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/show-slider-full-width/#post-4606850)
 * doesnt work,
    i see a scrollbar underneath the slider now [http://bonbon.nomafo.be/](http://bonbon.nomafo.be/)
 * i have it set to non responsive
 *  Plugin Author [MatthewRuddy](https://wordpress.org/support/users/matthewruddy/)
 * (@matthewruddy)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/show-slider-full-width/#post-4606851)
 * Ok. Try this CSS instead:
 *     ```
       .art-layout-cell.layout-item-1 pre {
           margin-left: -300px !important;
       }
       ```
   
 *  Thread Starter [nomafo](https://wordpress.org/support/users/nomafo/)
 * (@nomafo)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/show-slider-full-width/#post-4606852)
 * Yes, that works partially
 * [http://bonbon.nomafo.be/](http://bonbon.nomafo.be/)
 * it should show over the entire width, but the scrollbar is still appearing
 *  Plugin Author [MatthewRuddy](https://wordpress.org/support/users/matthewruddy/)
 * (@matthewruddy)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/show-slider-full-width/#post-4606853)
 * Ok, try this:
 * .art-layout-cell.layout-item-1 pre {
    margin-left: -300px !important; overflow:
   visible !important; }

Viewing 15 replies - 1 through 15 (of 18 total)

1 [2](https://wordpress.org/support/topic/show-slider-full-width/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/show-slider-full-width/page/2/?output_format=md)

The topic ‘Show slider full width’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/easing-slider_262626.svg)
 * [Easing Slider](https://wordpress.org/plugins/easing-slider/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/easing-slider/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/easing-slider/)
 * [Active Topics](https://wordpress.org/support/plugin/easing-slider/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/easing-slider/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/easing-slider/reviews/)

 * 18 replies
 * 2 participants
 * Last reply from: [nomafo](https://wordpress.org/support/users/nomafo/)
 * Last activity: [12 years, 2 months ago](https://wordpress.org/support/topic/show-slider-full-width/page/2/#post-4606862)
 * Status: resolved