Change NAV and DOT Owl Carousel 2

Asked

Viewed 503 times

1

I’m using Owl Carousel 2, but I’m not able to make these changes to the image below. I need to shift the position of Navs and Dots into the banner, if you can give a force I thank you.

inserir a descrição da imagem aqui

inserir a descrição da imagem aqui

jquery carousel owl-carousel

1 answer

2

For those with this doubt I managed to create a class Own-Carousel-top, then making her call in DIV, follow the data:

.owl-carousel-top .owl-next, .owl-carousel-top .owl-prev {
    top: 28%!important;
    opacity: .5;
    position: absolute;
    background: none!important;
    font-size:100px!important;
}

.owl-carousel-top .owl-next {
    right:2%;
    0px!important;*/
}

.owl-carousel-top .owl-prev {
    left:2%;
    0px!important;*/
}

.owl-carousel-top .owl-next:hover, .owl-carousel-top .owl-prev:hover{

    opacity: .9;

}

The variation goes according to its layout, being able to create media querys for the different resolutions.

Browser other questions tagged jquery carousel owl-carousel

You are not signed in. Login or sign up in order to post.