Change load more products color.

Hi,

I want to change the load more products color from black to green. And at all situations like mouse hover, click, etc ….

I’m trying to use this CSS

/* COR CARREGANDO PRODUTOS */

.basel-products-load-more {
border-color: #53c57f !important;
color: #53c57f !important;
}

.basel-products-load-more:after {
border: 1px solid #53c57f !important;
}

.basel-products-load-more:hover:after {
border: 1px solid #ffffff !important;
}

.basel-products-load-more:hover {
background-color: #53c57f !important;
color: white !important;
}

But its not 100% perfect … sometimes when I click at load more button the background stays black and the spinning color when mouse is hover is all white – only an stoped circle (but with no movement in circles, like when mouse is not hover …)

Could you help me, please?

Tks,

Lucas!

Hello,

Please provide the page link to this button and screen. I see all buttons are green and on hove cannot catch the problem you mention.

Best Regards

[Author]

Posts