How to change colour of store page numbers

Hi guys, I am trying to change the colour of the store page numbers that are at the bottom of the store page. I want them to be light grey when I hover over them (the same colour as my announcement bar) and also have a less thick border if possible. I can't seem to find a way to do this without code!

URL: https://threadsonline.co.uk/store

Password: asdfghjkl

Try this Custom CSS:

body .pagination-block.pagination-block-custom-filter-0 .pagination-item.active a, body .pagination-block.pagination-block-custom-filter-0 .pagination-item:hover a {
    background-color: #dfe0e1;
    border-color: #dfe0e1;
}

2 hours ago, Ziggy said:

Try this Custom CSS:

body .pagination-block.pagination-block-custom-filter-0 .pagination-item.active a, body .pagination-block.pagination-block-custom-filter-0 .pagination-item:hover a {
    background-color: #dfe0e1;
    border-color: #dfe0e1;
}

 

This didn't work unfortunately 😕 

15 minutes ago, Ziggy said:

Try this instead:

.pagination-item.active a, .pagination-item:hover a {
    background-color: #dfe0e1 !important;
    border-color: #dfe0e1 !important;
}

 

Works great now thank you 🙂 

Just now, threadsonline said:

Works great now thank you 🙂 

Brilliant!