Skip to main content

Forums

This topic contains 2 replies, has 2 voices, and was last updated by  Ricky55 1 year ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #268069

    chauhanheena
    Participant

    Hi
    The link is discussion is

    Careers-newnew

    Its a WordPress website and I have used Visual Composer to design the pages.
    I have used the element “Image Carousal” for the slider with slider orientation as vertical.

    Below the image carousal I have added an ‘single image’ – ‘Click here to apply” which looks like a button and given a link to the image. I have added ‘margin-top: -30%’ css to the single image to position it on the image carousal instead of displaying it below the image carousal.

    But as I anticipated the single image appears on every slide of the image carousal. I want it to appear only on the last slide. How do i do display:none on the first 5 slides.

    Thanks

    #268105

    Ricky55
    Participant

    I’m on my phone so I can’t look at your html but you should be able to use something like this to hide all but the last item.

    selector:not(:last-child) {

    display:none;

    }

    #268106

    Ricky55
    Participant

    Just looked at your site. The button doesn’t even look to be part of the slider it’s just sat over the top.

    Just add the button into the final slide. Or as a dirty fix hide the button altogether and add the button into the image of the final slide then make the whole of the final slide a link.

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

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star