slideshow pagination background color change

Shopify Discussion
,

Topic summary

A Shopify store owner seeks to customize visual elements on their site, starting with changing slideshow pagination dots from white (#ffffff) to blue (#004aad).

Initial Solution:

  • Custom CSS code provided: .slideshow__controls { background: #004aad !important; }
  • Applied via Sales channels > Online Store > Themes > Customize > Theme settings

Follow-up Request:
The owner then asks to change the multicolumn section’s background (the border area around images) to white.

Second Solution:

  • After sharing store link (ZENFACTR.COM), additional CSS provided: .multicolumn.background-primary .multicolumn-card { background: #fff !important; }

Status:
Discussion remains open with a new question about making multicolumn images clickable/expandable. No solution provided yet for this latest request.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

anyone know how to change to pagination(dots) background color. I want it from white(#ffffff) to blue (#004aad)

Ecomowner_0-1747943127824.png
Ecomowner_0-1747943127824.png1104×836 118 KB

1 Like
2

Please add this code to Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings.

.slideshow__controls { background: #004aad !important; }
3

do you know how to also change the 2nd background to white for the multicolumn section

Ecomowner_0-1747966794748.png
Ecomowner_0-1747966794748.png2500×988 354 KB

4

the background that borders the image

1 Like
5

Please share the link to your store.

6
1 Like
7

Please add this code to Custom CSS

.multicolumn.background-primary .multicolumn-card { background: #fff !important; }
8

would you happen to know how to make the images clickable to expand for the multicolumn