How to hide this text

Shopify Discussion

Topic summary

A user seeks to remove the “Subscribe and save 10%” text from their Shopify product page. Two solutions have been provided:

Solution 1 (Tech_Coding):

  • Navigate to Online Store → Theme → Edit code
  • Open theme.liquid file
  • Add CSS code before the </body> tag to hide the subscription label while keeping other elements visible

Solution 2 (Made4uo-Ribe):

  • Access Online Store → Themes → Edit code
  • Locate base.css, style.css, or theme.css in the Assets folder
  • Add CSS targeting the specific subscription fieldset label with display: none !important;

Both approaches use custom CSS to hide the unwanted text element. Screenshots demonstrate the expected results after implementation. The issue appears resolved with multiple working options provided.

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

I want to hide this text “Subscribe and save 10%”

Link - https://puurfection.co.uk/products/uk-grown-lions-mane-capsules-400mg-high-potency-with-pure-hot-water-extraction

hem0903_0-1735570239417.png
hem0903_0-1735570239417.png1072×584 44.1 KB

1 Like
2

Hello @hem0903

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

.product__wrapper .shopify_subscriptions_purchase_option_wrapper label { display: none !important; } .product__wrapper .shopify_subscriptions_app_block_label.shopify_subscriptions_purchase_option_wrapper label{ display: flex !important; }

RESULT:

Tech_Coding_0-1735570562677.png
Tech_Coding_0-1735570562677.png645×622 40.9 KB

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

3

Hi @hem0903

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:
fieldset.shopify_subscriptions_fieldset > div > .shopify_subscriptions_app_block_label:nth-child(2) > div > label {
    display: none !important;
}

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