Customizing load more button

Hi,

I want to customize the ‘Load More’ button.

background color of button : #E1EBFF
Text color of button : #1C61E7
Padding left and right 20px
Padding up and down 10px
Border radius 5px

I have tried following code :

span.load-more-label {
border: none !important;
background-color: #E1EBFF;
color: #1C61E7;
padding: 10px 20px;
}

BUT, interestingly, it adds a grey border around it. (check screenshot)

Attachments:

You must be logged in to view attached files.

Okay, found it.

With a little (read: A LOT) from chatgpt, this code did it for me:

a.btn.wd-load-more.wd-products-load-more.load-on-click {
border: none !important;
background-color: #E1EBFF !important;
color: #1C61E7 !important;
padding: 10px 20px !important;
}

Hello,

You are Most Welcome.

We are glad that you managed to solve the problem yourself. You are Great!!!

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts