Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #28848

    Hi,

    I want to know how i can spin image in infinite loop on layer slider. Example link is http://jsfiddle.net/Tw5pw/89/

    I want to place this spinning wheel in the center and put other content and callouts around it. I am using Enfold 2.01 theme.

    thanks for help in advance.

    Regards

    #138825

    Hi,

    Here’s how i managed to do it, just tested locally and it works:

    Regards,

    Josue

    #138826

    Thanks,

    I tested it and worked. Thanks a ton :)

    I have two other questions –

    How do i make the image center, I mean in style option what should i put as value so that image remains center in any resolution size,

    Secondly how do i reduce the size of the image of image. One option is by reducing while uploading but i want to control from the css.

    regards

    #138827

    Hi,

    Margin-right: auto; and margin-left: auto; will center the image. and you can reduce the size by changing values in “width” and “height”

    Regards,

    Yigit

    #138828

    Sorry,

    I checked the above code in IE10 its not working. i mean spinning of wheel.

    Also using the below code for center is not aligning center. its on the left side still.

    regards

    #138829

    I got to work in IE and Opera – New code is http://jsfiddle.net/Tw5pw/94/

    Even sizing worked

    only thing is center alignment. That is not happening. please advice.

    #138830

    Hi,

    Can you post the link to your website please?

    Regards,

    Josue

    #138831

    Hi Joshua,

    build website is http://www.intefusion.com

    #138832

    Hi,

    Try this:

    .ls-layer > div{

    left: 0;

    right: 0;

    margin: 0 auto;

    }

    Regards,

    Josue

    #138833

    hi,

    where should i add this code. in style section under custom style? Adding in custom style it did not work.

    #138834

    Hi,

    Try adding it to the quick CSS or to the custom.css file.

    Regards,

    Josue

    #138835

    Hi Josue,

    It worked adding both the places. It did not work adding in the custom CSS of layerslider. Now i guess i can use the padding and alignments to other layers and it will be full responsive to all screen sizes.

    For test i have added left and right text box and it worked(<p style=”text-align: right; padding-left: 50px;”>test</p>). Thanks a ton.

    Last thing and i am sure this is total noob. How do i reduce the width of the slider. i am using full width mode.

    Best Regards

    #138836

    Hi,

    You can change slider width in Layer Slider settings.

    Make sure that you have unchecked “full-width slider”

    Regards,

    Yigit

    #138837

    Hi Yigit,

    Apology, i want to keep full width but reduce the height. so how do i keep full width but only change the height.

    regards

    #138838

    Hi,

    Right under “Slider width” there is “Slider height”, you can enter desired height in there. Please make sure checked “Full-width slider” and “Slider width” is empty.

    Regards,

    Yigit

    #138839

    Thanks Yigit & Josue,

    Amazing support. will leave you in peace till i stumble upon next problem.

    Best Regards

    #138840

    Hi,

    You’re welcome, glad we could help :)

    Regards,

    Yigit

Viewing 17 posts - 1 through 17 (of 17 total)

The topic ‘Spin image on slider in Infinte loop’ is closed to new replies.