How to edit footer text color for debut theme?

Store Design

Topic summary

Need to change footer text color in Shopify’s Debut theme, which lacks a setting under Theme settings > Colors. The footer background was already changed via custom code; the goal is white text.

Solutions proposed:

  • Add custom CSS in assets/theme.css to set footer paragraphs, links, headings, small text, copyright, newsletter error, and social icons to color: #fff (white) with !important.
  • Alternatively, paste CSS at the top of theme.scss targeting newsletter and text footer blocks to force white text.

Outcome:

  • The custom CSS solution worked; the footer text displays in white.

Follow-up request:

  • A participant asked how to add a hover color (#007AAB) for left-side footer links on another store (goasagroup.com), currently using the white text CSS. No specific hover CSS was provided yet.

Notes:

  • A screenshot of the footer was central to clarifying which elements needed styling.

Status:

  • Primary issue resolved (white footer text). The hover color enhancement remains open and awaiting guidance.
Summarized with AI on February 28. AI used: gpt-5.
15

Hi Zworthkey,

This change is for goasagroup.com. We want to give our footer links (on the
left-side) a different hover colour, like #007AAB.

Were using the below code to alter the text colour to white:

.site-footer p, .site-footer__linklist-item a, .site-footer__rte a,
.site-footer h4, .site-footer small, .site-footer__copyright-content a,
.site-footer__newsletter-error, .site-footer__social-icons
.social-icons__link {
color: #FFFFFF !important;
}

[image: Screen Shot 2021-10-15 at 9.07.42 AM.png]
Thank you!