How to change load more button border radius

[Mark707 (Mark)]

Hi, I am using the code below but it’s not working, any help appreciated

.es-load-more-button-container {
border-radius: 20px 0px;
}

[Helga]

Hi @Mark707, happy to see you in our community!

Which widget are you trying to customize, please? I’ll be happy to look into it for you

[Mark707 (Mark)]

Hi Helga,

Thanks, it’s the All-in-one reviews

Thanks
Mark

[Helga]

Thanks, Mark!

You need to change the corner radius, right? If so, you will find this option on the widget’s Style tab → Load More Button → Corner Radius:

Let me know if it helps!

[Mark707 (Mark)]

Thanks Helga, I’m trying to use a custom setting for the button to create a similar effect to the uploaded image

[Helga]

Oh, I see, thank you! I’ll consult with the developers and get back to you a bit later

[Mark707 (Mark)]

Perfect thanks

[Helga]

We’ve added the following CSS code to your widget, and it seems it did the trick!

.es-load-more-button {
  border-radius: 20px 0px !important;
}

Let me know if you love the result

[Mark707 (Mark)]

@Helga

.es-load-more-button {
  border-radius: 20px 0px !important;
}

That’s perfect thanks!

[Helga]

Awesome! Feel free to contact us here, we’re always happy to help

[Helga]

By the way, make sure to check out our ongoing Giveaway where you can win 1 FREE YEAR: BF 2024 Giveaway: Win 1 YEAR of Free Usage (10 Winners) + guaranteed month!