Change Gallery navigation arrows to black circles

Hey everyone,

I'm looking to customise the navigation arrows on the galleryblocks of my portfolio pages. I would like for them to become 2 small black circles as shown on the screenshot. Would this be possible with pure CSS?

Thanks in advance!

Can you share the website URL, page, and password (if applicable)? Thanks!

On 11/7/2022 at 9:58 AM, Ziggy said:

Can you share the website URL, page, and password (if applicable)? Thanks!

Here you go! 🙂

https://www.euphoricstudios.com/architecture/open-house

32 minutes ago, Ziggy said:

Try this Custom CSS:

.gallery-slideshow-control-btn .caret-right-icon--small, .gallery-slideshow-control-btn .caret-left-icon--small {
    width: 20px;
    height: 20px;
    background-color: #000;
    border-radius: 20px;
}

Let me know if that works.

This solved it, thanks a lot! 🙂

No problem!