Gallery Slideshow Reel- thicker arrows

Hi, I'm trying to thicken the arrows in a gallery, sideshow: reel. No code I've tried has worked.

I mannaged it in the banner using this code: .user-items-list-banner-slideshow__arrow-icon-path {stroke-width: 4px!important}

But it doesn't work, even if I switch out a lot of the words to include .gallery-reel etc

Please help!

Can you share link to page where you use gallery? We can check easier

Yes. Sorry for delay in response!
https://www.urbanlyrebirds.com/singwithmestories

9 hours ago, elvedee said:

Yes. Sorry for delay in response!
https://www.urbanlyrebirds.com/singwithmestories

Add to Design > Custom CSS

.gallery-reel-control-btn-icon path:first-child {
    stroke-width: 1px !important;
}
.gallery-reel-control-btn-icon path:last-child {
    stroke-width: 1px !important;
}

Thank you! They're thicker now. Is it possible to make them as large as these ones though ? (arrows in slider)

https://www.urbanlyrebirds.com/

On 5/28/2022 at 9:32 AM, elvedee said:

Thank you! They're thicker now. Is it possible to make them as large as these ones though ? (arrows in slider)

https://www.urbanlyrebirds.com/

Try this

.gallery-reel-control-btn-icon {
    width: 50px;
    height: 50px;
}

Perfect!! Thank you 🙂