- This topic is empty.
March 8, 2018 at 10:22 pm #268069chauhanheenaParticipant
The link is discussion is
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.
ThanksMarch 10, 2018 at 5:31 am #268105Ricky55Participant
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.
}March 10, 2018 at 5:35 am #268106Ricky55Participant
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.
- The forum ‘CSS’ is closed to new topics and replies.