Docs

[WoodWatchCo]

On page URL https://woodwatchco.com/shop/

I want to change the bottom page number (pagination) to have a blue background. Can anyone provide me a css snippet?

[WoodWatchCo]

This reply has been marked as private.

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.x-pagination ul {
    background-color: #00f !important;
}

Thanks.

[WoodWatchCo]

Also, how can I make the non-hover numbers colors black instead of grey? To make them more visible

[John Ezra]

Hi there,

Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.x-pagination a {
   color: #000 !important;
}

Hope this helps – thanks!

[WoodWatchCo]

Thank you. One more thing, Can I set the hover color text to white this way its visible against the black background?

[Jade]

HI there,

Please add this code:

.x-pagination a:hover {
   color: #fff !important;
}

Hope this helps.

[WoodWatchCo]

Thank you so much!

[Thai]

If you need anything else please let us know.

[Author]

Posts