Carousel Arrows

  • andyt1980

    (@andyt1980)


    6 years, 1 month ago

    Hi,
    It would be great if we could have an option to position the carousel arrows to the left and right but outside of the container.

    Is there any custom CSS that could achieve this?.

    • This topic was modified 6 years, 1 month ago by andyt1980.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor Ben Ritner – Kadence WP

    (@britner)

    6 years, 1 month ago

    Hey,
    You can use css like this:

    .kt-blocks-carousel .slick-prev {
    left: -40px;
}

.kt-blocks-carousel .slick-next {
    right: -40px;
}

    Probably want to wrap that in a media query so it doesn’t go off screen on mobile:

    @media (min-width: 992px) {
    .kt-blocks-carousel .slick-prev {
        left: -40px;
    }

    .kt-blocks-carousel .slick-next {
        right: -40px;
    }
}

    Ben

    Thread Starter andyt1980

    (@andyt1980)

    6 years, 1 month ago

    Hi,
    Just tried this, had to add !important to get them to move, but also when moved they are not visible, tried increasing the z-index but didn’t help.

    Any suggestions appreciated.

    Plugin Contributor Ben Ritner – Kadence WP

    (@britner)

    6 years, 1 month ago

    Can you post a link to your site so I can see the setup?

    Ben

    Thread Starter andyt1980

    (@andyt1980)

    6 years, 1 month ago

    Hi Ben,

    Sent you an email with the URL.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Carousel Arrows’ is closed to new replies.