Owl Carousel Nav Arrows

[wardsdesign]

We would like to increase the size of the previous and next buttons on the Owl Carousel on this page. Ideally, to 16px and 1.0rem. I tried editing the code below, but nothing changed. Is there something else I should change?

.owl-carousel .owl-nav button.owl-prev:before {
font-family: ‘Font Awesome 6 Free’;
font-weight: 900;
font-size: 8px;
font-size: 0.5rem;
content: “\f053”;
position: relative;
left: -1px;
top: -1px;
}

.owl-carousel .owl-nav button.owl-next {
right: 0;
}

.owl-carousel .owl-nav button.owl-next:before {
font-family: ‘Font Awesome 6 Free’;
font-weight: 900;
font-size: 8px;
font-size: 0.5rem;
content: “\f054”;
position: relative;
left: 1px;
top: -1px;
}

---

Template Version: 10.0

[Support]

Hello, use this css:

.owl-carousel.nav-style-1 .owl-nav .owl-next:before,
.owl-carousel.nav-style-1 .owl-nav .owl-next:after,
.owl-carousel.nav-style-1 .owl-nav .owl-prev:before,
.owl-carousel.nav-style-1 .owl-nav .owl-prev:after {
    font-size: 28px !important;
}

---

[Author]

Posts