Exploring the world of HTML/CSS and Bootstrap.
There's a carousel with these previous/next buttons :
<button class="carousel-control-prev" type="button" data-bs-target="#testimonials-carousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden"> Previous </span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#testimonials-carousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden"> Next </span>
</button>
Desiring to adjust the thickness of the buttons, I attempted adding this code to my CSS stylesheet :
.carousel-control-prev {
border-width: 35px;
}
.carousel-control-next {
border-width: 35px;
}
I also experimented with :
.carousel-control-prev-icon {
border-width: 35px;
}
.carousel-control-next-icon {
border-width: 35px;
}
Unfortunately, no changes were observed. Just to clarify, I aim to modify the thickness rather than height/width of the buttons. Any suggestions on how to achieve this?
Appreciate any insights!