Change Text Colour in Specific Section (Dawn Theme)

Store Design

Topic summary

A user is attempting to change text colors to white in specific sections of their Shopify store using the Dawn theme. They successfully changed heading colors using custom CSS (h2 {color: white !important;}), but need help with body text, footer menu items, and button text.

Solutions provided:

  • For body text in image-with-text sections: Add .image-with-text__text p { color: #fff; } to the theme’s CSS file (base.css, style.css, or theme.css)

  • For footer menu links: Use .footer-block__details-content .list-menu__item--link { color: #ffffff; }

Current status:

The user confirmed the solutions worked for body and footer text, but has a follow-up question about changing button text color to white as well. This remains unanswered.

All CSS modifications should be added to the theme’s main CSS file via the Shopify admin dashboard under Online Store > Themes > Edit code > Assets folder.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
2

Hi @mollybluesh

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
div#shopify-section-template--14334504796247__9c29fad9-e228-40fb-b071-29355adb098a .image-with-text__text.rte {
    color: #fff;
}

.footer__blocks-wrapper.grid a {
    color: #fff;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!