How to change the slideshow section color?

Store Design

Topic summary

Issue: The slideshow section unexpectedly displayed a yellow background; the requester wanted it to match the site’s “dirty white” background.

Context: Responders asked for the store URL and password to check. The URL was shared, and the initially capitalized password was corrected to “chawda.”

Solution provided: Add a CSS rule in the theme’s stylesheet (theme.css or base.css) targeting the slideshow controls to change their background color. The rule sets background-color to #F3F3F3 with !important, aligning it with the site’s off-white background.

Outcome: The change worked as intended, and the requester confirmed success. Another participant acknowledged the resolution and apologized for delayed support.

Status: Resolved. No further action items or open questions.

Notes: The key technical step is adding a CSS rule for the slideshow controls element to override its background color.

Summarized with AI on December 12. AI used: gpt-5.
1

Hello! Can somebody please help me to change the color on my slideshow section? I think i might pressed something and it change to color yellow. I want it to be the same color as the background (dirty white). I am new to this so please help if you can. Thank you in advance!

1 Like
2

Hi @Kat1 , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

3

Hi @Kat1

Please kindly share your store URL so we can take a closer look

Best,

Daisy

4

Hello @Kat1

Please share your store URL and password.
So that I will check and let you know the exact solution here.

5

Hello, Daisy! Here is the URL

https://easeph.myshopify.com/

The password is: Chawda

6

Hello! Here is the URL

https://easeph.myshopify.com/

and the password will be “chawda”

7

The password is chawda not Chawda sorry

8

Hello @steve_michael2 ,

Here is the URL

https://easeph.myshopify.com/

and the password will be chawda

9

Hi @Kat1

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.slideshow__controls.slideshow__controls--top.slider-buttons {
    background-color: #F3F3F3 !important;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

10

OMG! it worked! Thank you so much Mr. Steve! Have a good night (or morning)

11

Hi @Kat1

It seems like you’ve already found a solution—well done! :tada: Wishing you all the best, and apologies for the delayed support. :blush: