Footer Section Customize ( Shopify Savor Theme )

Store Design
, , , ,
1

Hello Everyone!
I am using the Savor theme on my Shopify store. I would like to change the color of the footer section so that the Terms and Policies links, the © 2026 Svelteclothes text, and the social media icons appear in white, because they are currently not clearly visible.

Additionally, I would like to add the text “All Rights Reserved” next to © 2026 Svelteclothes in the footer. Please help me. Thanks.

Store: https://svelteclothes.myshopify.com/

password: Admin

gfgg
gfgg1852×409 33.6 KB

2

Hi @dreamtechzone_5 , I have visited your store. There are no icons in bottom policies and link section, you have deleted social media profile links. add the links in social media icon link

image
image1274×645 86.9 KB

image
image1274×645 86.9 KB

3

Dear @dreamtechzone_5

I have checked your website. Some elements have been hidden by you, so the style snippet below will help highlight the remaining parts. Please go to the Edit theme section and add the following code:

...
button.policy-list-trigger.button-unstyled {
    color: white !important;
}

.footer-utilities__text {
    color: white !important;
}

.footer-utilities__text a {
    color: white !important;
}
...

image
image1929×938 105 KB

Regards,
Eric from Shopplaza

4

Add this code to Custom CSS in Theme settings

span.footer-utilities__text:after {
    content: 'All Rights Reserved';
    margin-left: 4px;
}

Result

Screenshot 2026-03-11 at 11.17.56
Screenshot 2026-03-11 at 11.17.563020×958 151 KB

Where code need to be added

Custom CSS in Theme setings
Custom CSS in Theme setings1920×1738 260 KB

Best regards,

Dan from Ryviu: Product Reviews App

5

The color of the text in the Terms of Service is not changing. Also I want to keep the color of social icons white. Now it doesn’t look clear.

1
11855×333 26 KB

Screenshot 2026-03-12 132917
Screenshot 2026-03-12 132917775×607 33.5 KB

6

© 2026 Svelteclothes I want to add (comma) after this text.

2
21863×366 33.9 KB

7

Please update the code

span.footer-utilities__text:after {
    content: ', All Rights Reserved';
    margin-left: 4px;
}
8

Showing space before (Comma). (Comma) is showing space before it. Also, can the terms of service and social icon color be kept white?

9

Dear @dreamtechzone_5

=> Please remove the “…” symbols. I’m using them to represent your existing code.

To change the icon color, please add this code in below file base.css:

.social-icons__icon {
    color: white !important;
}

Regards,
Eric from Shopplaza

10

The Terms And Policies text color has not changed.

11

Dear @dreamtechzone_5

Please remove the dots in the area I’ve highlighted in red.

image
image1831×926 170 KB

Regards,
Eric from Shopplaza

12

Great, it worked. © 2026 Svelteclothes I added a comma after the text. But showing space before (Comma). I want to remove it.

13

Dear @dreamtechzone_5

Just delete the area I’ve circled in red. That white space will disappear.

image
image847×920 126 KB

Regards,
Eric from Shopplaza

14

The text is not visible when hovering over the Terms of Service.

Screenshot (69)
Screenshot (69)1900×451 106 KB

15

Dear @dreamtechzone_5

Please add below code to fix it:

#terms-policies-popover a.footer-utilities__text {
    color: var(--color-foreground-muted) !important;
}

Regards,
Eric from Shopplaza

16

@dreamtechzone_5

You can add a small CSS snippet to override the default colors.

  1. Go to Online Store → Themes → Customize → Theme Settings → Custom CSS (or in assets/theme.css / assets/theme.scss.liquid).

  2. Add this code:

/* Make footer links, text, and social icons white */
.footer a,
.footer .footer-social-icons svg,
.footer .footer__text {
    color: #ffffff !important;
}

Thanks!