Home › Forums › WoodMart support forum › Customizing load more button

Customizing load more button

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 21, 2023 at 11:28 am #483191

    isakose1
    Participant

    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.
    July 21, 2023 at 11:33 am #483193

    isakose1
    Participant

    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;
    }

    July 21, 2023 at 12:47 pm #483219

    Aizaz Imtiaz Awan
    Keymaster

    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
Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Customizing load more button’ is closed to new replies.