How can I delete the 'Free Shipping' text from my product page?

Topic summary

A user seeks to remove “Free Shipping” text appearing on both product pages and checkout. Screenshots show the text displayed in these locations.

Solutions Provided:

  • Dan-From-Ryviu suggests adding custom code to the theme.liquid file (Online Store > Themes > Edit code), inserting it after the <head> tag.

  • PageFly-Henry offers an alternative approach:

    1. Navigate to Online Store > Theme > Edit code
    2. Locate the base.css file
    3. Add CSS code at the bottom: .tax-note { display: none !important; }

Follow-up:

The original poster asks how to apply the solution specifically to the product page. Dan-From-Ryviu responds with an updated code snippet, though the exact code content is partially obscured in the conversation.

Status: Ongoing - implementation details being refined

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

Hi Folks,

Bow to I remove the “Free Shipping” text that is displayed on the product page and checkout below.

Theme: Dawn

Hi @brew2you

You can remove that by adding this code to theme.liquid file after in Online Store > Themes > Edit code


Hi @brew2you

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.tax-note {

display: none !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

And to also do it on the product page?

Hi @brew2you

Please update the code to this.