Easing Slider
Turn Easing Slider into a 100% width banner. (5 posts)

  1. clemoendo
    Posted 4 years ago #

    I love the plugin, everything seems to working just perfectly. But I'm experiencing difficulties with the width of the Easing Slider. Within the wordpress dashboard, I can only set the width in pixels. I'd like to see the slider in the exact width of my window (a 100% width). Does anybody know the solution to this? Help would be much appreciated!


  2. BigDogSF
    Posted 4 years ago #

    Sure, What is your page width? 960? Set it to the page width your site is set at.


  3. BDHorrigan
    Posted 4 years ago #

    Hi clemoendo, I've got a partial solution (which forces the width of the slider to change depending on the width of its parent div) but I'm afraid I can't figure out how to get the height of the div to follow suit. This way looks okay though – just stick this code into your theme's stylesheet:

    article#slider div.lof-container, article#slider div.lof-slidecontent, article#slider div.lof-main-outer, article#slider ul, article#slider ul.lof-main-wapper li, article#slider ul.lof-main-wapper li img {
    	width: 99.9% !important;
    	padding: 0 !important;
    	margin: 0 auto !important;

    I hope that helps :)

  4. abm303
    Posted 3 years ago #


    Your approach works however it affects all "ul" elements around the css :(

    Is there a different approach for expanding the width to 100%??


  5. BDHorrigan
    Posted 3 years ago #

    In what way is it affecting ul elements?

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Easing Slider
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.