Moved: Reply To: FEW QUESTIONS

Hi
I want to customize the “load more products” buttone to be like this (Attachment), how can I do that?

Shop page url https://oulfah.com/shop/
password: oool

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .wd-load-more:hover {
    box-shadow: none;
    border-color: #DCDCDC;
    background-color: transparent;
    color: #333;
    padding:10px;
}
body a.wd-load-more:hover span{
    display: block;
    border-color: red;
    color: #ffffff;
    font-weight: 900;
    border-width: 2px;
    background-color:red;
    border-radius: 10px;
    padding:10px 30px;
}
body .wd-load-more{
    box-shadow: none;
    border-color: #DCDCDC;
    background-color: transparent;
    color: #333;
    padding:10px;
}
body a.wd-load-more span{
    display: block;
    border-color: red;
    color: #ffffff;
    font-weight: 900;
    border-width: 2px;
    background-color:red;
    border-radius: 10px;
    padding:10px 30px;
}

Please change the padding and colors as per your needs. It seems I have given you code already.

Best Regards

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts