Crave theme pagination numbers background color

Topic summary

Issue: Slideshow pagination (the numbered/dot controls) in the Crave theme wasn’t adopting the theme’s background/text colors set elsewhere.

Actions taken:

  • The helper requested the store URL and (password-protected) access to inspect the issue.
  • A fix was provided: add custom code to the theme.liquid file at the bottom, above the tag, to explicitly set pagination background and text colors.

Results:

  • The initial code resolved the color issue, confirmed by the original poster.
  • A follow-up request for an alternative style (black background with white text) was fulfilled with another code snippet.
  • Screenshots were shared to illustrate the visual outcome of both solutions.

Context/terms:

  • theme.liquid: the main layout file in a Shopify theme where global code can be inserted.
  • Slideshow pagination: the clickable indicators (numbers/dots) that let users navigate slides.

Outcome & status:

  • A working solution was achieved via custom code overrides.
  • Additional styling example provided; no remaining unresolved questions noted.
Summarized with AI on January 7. AI used: gpt-5.

Hey @JeremyRamsey

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


RESULT:

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

Best Regards,
Moeed

1 Like