Grow your CSS skills. Land your dream job.

Change the width of AnythingSlider – a jquery based slider by Chris Coyier

  • # September 3, 2010 at 4:27 pm

    I want to change the width of AnythingSlider, a jquery based slider (available at http://css-tricks.com/examples/AnythingSlider/ ), from 760 pixel to 450 pixel. I tried to change the css but could not do it successfully. Please help.

    # September 3, 2010 at 5:42 pm

    You’re going to have to change everywhere there’s a width. If you post the CSS I can help more. I’ve done this before, but don’t have the code in front of me.

    # September 3, 2010 at 7:23 pm

    code is exactly the same as the files that can be downloaded from http://css-tricks.com/examples/AnythingSlider/ .

    # September 3, 2010 at 7:49 pm

    If you cant do ti via css, just open the js, do a search for “760” and replace each instance of that with “450”. That should work right?

    # September 4, 2010 at 1:22 am

    @noahgelman….I guess it can be done by editing css only but there are so many classes and attributes in AnythingSlider that if I change the width to a new smaller width although the width of the slider in whole changes but other things like text and image in individual slides does not change accordingly.

    # September 4, 2010 at 1:42 am

    Editing AnythingSlider css to a smaller width seems to be so much work…can anyone suggest a different slider which is easy to edit.

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".