WordPress.org

Ready to get started?Download WordPress

Forums

Easing Slider "Lite"
[resolved] Show slider full width (19 posts)

  1. nomafo
    Member
    Posted 6 months ago #

    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/

  2. MatthewRuddy
    Member
    Plugin Author

    Posted 6 months ago #

    Hi @nomafo, try setting the slideshow to 1800px width, then enabling the "Make this slideshow responsive" option. Does that work?

  3. nomafo
    Member
    Posted 6 months ago #

    No, that does not work

    this is the site http://bonbon.nomafo.be/

  4. MatthewRuddy
    Member
    Plugin Author

    Posted 6 months ago #

    Hey again. The slideshow is resizing for me? I don't see any issues :)

    Can you explain in more detail?

  5. nomafo
    Member
    Posted 6 months ago #

    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

  6. MatthewRuddy
    Member
    Plugin Author

    Posted 6 months ago #

    Hi @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.

  7. nomafo
    Member
    Posted 6 months ago #

    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?

  8. MatthewRuddy
    Member
    Plugin Author

    Posted 6 months ago #

    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.

  9. nomafo
    Member
    Posted 6 months ago #

    Or can i set the width to pixels instead?

    Or any other solution?

  10. MatthewRuddy
    Member
    Plugin Author

    Posted 6 months ago #

    Yes, if you set the pixels and disable the responsive functionality you can do this using negative margins :)

  11. nomafo
    Member
    Posted 6 months ago #

    And what do i add to the Css file then?

  12. MatthewRuddy
    Member
    Plugin Author

    Posted 6 months ago #

    Try:

    .easingsliderlite {
        margin-left: -400px !important;
    }
  13. nomafo
    Member
    Posted 6 months ago #

    doesnt work,
    i see a scrollbar underneath the slider now
    http://bonbon.nomafo.be/

    i have it set to non responsive

  14. MatthewRuddy
    Member
    Plugin Author

    Posted 6 months ago #

    Ok. Try this CSS instead:

    .art-layout-cell.layout-item-1 pre {
        margin-left: -300px !important;
    }
  15. nomafo
    Member
    Posted 6 months ago #

    Yes, that works partially

    http://bonbon.nomafo.be/

    it should show over the entire width, but the scrollbar is still appearing

  16. MatthewRuddy
    Member
    Plugin Author

    Posted 6 months ago #

    Ok, try this:

    .art-layout-cell.layout-item-1 pre {
    margin-left: -300px !important;
    overflow: visible !important;
    }

  17. nomafo
    Member
    Posted 6 months ago #

    That works, THANKS ALOT !

    :-)

  18. MatthewRuddy
    Member
    Plugin Author

    Posted 6 months ago #

    No problem, happy to help :)

  19. nomafo
    Member
    Posted 6 months ago #

    Another question about this, i'm sorry :)

    Is is possible to stretch the slider to the width of the screen?
    So it adapts to whatever the width of the screen is?

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.