Change Text Colour - Shipping Policy Page

Topic summary

A user encountered a text color issue on their Shopify store’s Shipping Policy page where text wasn’t displaying in white as intended.

Solutions Provided:

Three community members offered CSS-based fixes, all following a similar approach:

  • Access Shopify Admin → Online Store → Theme → Edit code
  • Locate the theme.liquid file
  • Insert custom CSS code either before the </head> or </body> tag

The solutions used conditional logic or targeted CSS selectors to change the text color to white (#fff) specifically for the shipping policy page.

Outcome:

The issue was successfully resolved. The original poster confirmed one of the solutions worked and expressed gratitude. Screenshots were included by respondents showing the implementation steps and expected results.

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

Hi there,

Is there a code I can add to CSS section to change the text color to white? It is the only page ‘Shipping Policy’ where the text color is off.

Thanks so much,

Steve

2 Likes

Hi @socconnor ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

{% assign full_url = request.host | append: request.path %}
{% if full_url contains 'shipping-policy' %}

{% endif %}

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

  • Here is the solution for you @socconnor
  • Please follow these steps:

  • Then find the theme.liquid file.
  • Then add the following code at the before tag and press ‘Save’ to save it.

  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

Hello @socconnor

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

#shopify-section-template--23501616415002__main .rte.scroll-trigger.animate--slide-in p strong span { color: #fff !important; } #shopify-section-template--23501616415002__main .rte.scroll-trigger.animate--slide-in p span { color: #fff !important; }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

That worked! Thank you so much.

1 Like