How to change the color of slider bar under my slideshow

Topic summary

A user seeks help changing the color of a white slider bar beneath their slideshow, admitting limited CSS knowledge. An attached screenshot illustrates the element in question.

Solution Provided:

  • PageFly-Richard offers a CSS code snippet to be inserted into theme.liquid above the </head> tag
  • Instructions include navigating to Online Stores > Themes > Edit code, then pasting the provided CSS

Outcome:

  • The original poster confirms the solution works successfully

Follow-up:

  • A later user requests similar guidance for changing slideshow navigation button colors, indicating the thread remains useful for related customization questions
Summarized with AI on October 26. AI used: claude-sonnet-4-5-20250929.

How do I change the color of the little white bar there. I am really bad at css and of the few css things i’ve tried none of them have worked. Help would be greatly appreciated.

@TheGalaticShop Can you please provide the URL of your store and if it is password protected please share the password too. Thanks

Hi @TheGalaticShop

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


Hope this can help you solve the issue

Best regards,

Richard | PageFly

This worked! thank you very much.

Glad that i can help

Thank you so much for this! I know this is old, but could you perhaps tell me how to change the color of the navigation buttons for the slideshow? Thank you!