dawn theme: changing background color of slideshow pagination

Store Design
, ,

Topic summary

Users are seeking to customize the Dawn theme’s slideshow component through CSS modifications.

Primary Issue:

  • Original poster wants to change slideshow pagination background color from white to #ee14ff on their site (10xfuel.com)

Solution Provided:
PageFly support representative (Richard) offered a CSS fix:

  • Navigate to: Online Stores > Themes > More Actions > Edit code
  • Open theme.liquid file
  • Insert custom CSS code above the closing tag

Related Follow-up:
Another user (Hayley01) successfully applied Richard’s scrolling solution and now seeks guidance on changing the background color of slideshow side panels to white.

Status: The thread remains open with one resolved issue and one pending question about additional color customization.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
1

Hi! Slideshow on www.10xfuel.com: Is it possible to change the background color of pagination from white to #eeff41? Thank you!

10xfuel_0-1705446508211.png
10xfuel_0-1705446508211.png838×160 1.51 KB

2

Hi @10xfuel

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1705451777097.png
PageFlyRichard_0-1705451777097.png390×844 26.5 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly

2 Likes
3

Hi Richard,

I tried your tip for scroll and it worked. Now I am hoping to change the colours of the side panels that form the background of the slideshow. Any advice how to make these (highlighted) white? Thank you,

Hayley01_1-1721276914673.png
Hayley01_1-1721276914673.png740×688 169 KB