Hello,

1. This code will work for each “Load more” button from the “Ajax Product tabs” on the home page. You can paste it to the “Global Custom CSS” area that is in Theme Settings -> Custom CSS.

.home .wd-products-tabs .wd-load-more {
    background-color: #33424646 !important;
    color: #8d6824;
}

.home .wd-products-tabs .wd-load-more:hover {
    background-color: #333 !important;
    color: #7b66e3;
}

Changing color of the loader:

.home .wd-products-tabs .wd-load-more .load-more-loading:before {
    border: 1px solid #fff;
    border-left-color: #a8a1a1;
}

2. From my side, narrowing the items by category is working well (you can check the below video). If you have still this issue, please provide your site admin access so then I can check the issue from your side.

https://monosnap.com/file/5A8aDW74aFIHVg9NTR66f7GdLrhx9e

Looking forward to collaborating with you!

Kind Regards