Crave theme pagination numbers background color

[JeremyRamsey]

Hello everyone! I just started using the Crave theme and on my slideshow I can't get the color of the pagination to change to reflect my background color on the rest of my page. The colors I've set on my theme don't seem to affect the background color or the text color. Does anyone know how to fix that?

[Moeed]

Hey @JeremyRamsey 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[JeremyRamsey]

Sure, the store URL is https://owlandspiceco.com/ and the password is zaywhi

[Moeed · Accepted solution]

Hey @JeremyRamsey 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.slideshow__controls.slider-buttons.no-js-hidden.slideshow__controls--border-radius-mobile {
    background: linear-gradient(136deg, rgba(10, 234, 237, 1) 11%, rgba(250, 13, 253, 1) 84%) !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[JeremyRamsey]

This worked perfectly, thank you! If I wanted to change this later to maybe have a black background and the letters be white would you also be able to provide an example of that code? I'm still deciding exactly what I want everywhere.

[Moeed]

Hey @JeremyRamsey 

You can use this code if you want to make it black background with white text

<style>
.slider-counter {
    color: white !important;
}
.slider-button {
    color: white !important;
}
.slideshow__controls.slider-buttons.no-js-hidden.slideshow__controls--border-radius-mobile {
    background: black !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed