treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[Solved] AnythingSlider - different border on each slide

  • Hi, I have a problem with setting up a diffrent border on each slide. I have the .anythingSlider-default .anythingWindow emty, and I made a #s1, #s2, #s3 with a gradient background and border-bottom:5px solid #bb6805; but the border doen't show, the gradient is ok.

    Can you help me with this?

  • I think we need a link to your page to see the problem and help you out

  • OK. I also noticed that after the third slide I looses for a moment the css and I get for a few seconds a slide with out style

  • it works if you set border-bottom: 5px solid red; box-sizing: border-box; to each of the panels (maybe by giving them another class or an id)

    not sure about compatibility, though. Someone else might have a better solution

  • I have given diffrent classes to li, and also tried the first-child, last-child selectors, but it didn't work.

    You meen by giving a diffrent class to .anythingSlider .panel ??

  • I have changed the wrapper_slider height to 372px and then added to .anythingSlider-default .anythingWindow the 367px height. And to the #s1, #s2, #s3 i gave a !important after the height. Works :)