Treehouse: Grow your CSS skills. Land your dream job.

AnythingSlider – different border on each slide

  • # November 8, 2012 at 5:24 am

    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?

    # November 8, 2012 at 5:49 am

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

    # November 8, 2012 at 6:50 am

    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

    # November 8, 2012 at 9:37 am

    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

    # November 8, 2012 at 10:02 am

    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 ??

    # November 8, 2012 at 10:23 am


    # November 9, 2012 at 7:15 am

    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 :)

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

You must be logged in to reply to this topic.