How to Remove "Shipping Calculated at Checkout" Text on Product Page in radiant theme?

Shopify Discussion
,

Topic summary

A user running the Radiant theme wants to remove the “Shipping calculated at checkout” text appearing above the quantity selector on product pages.

Solution Provided:

  • Add custom CSS code to hide the shipping text: .product .product__tax { display: none !important; }
  • Navigate to: Sales Channels > Online Store > Themes > Customize > Settings > Custom CSS

Follow-up Request:
The user then asked how to style the quantity selector button to match the “Add to Cart” button’s rounded borders and thickness.

Additional CSS:

  • Code provided to adjust quantity selector styling with matching border radius and shadow effects

Status: Resolved. The user successfully implemented the solution and expressed gratitude, even offering to share future revenue as thanks.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hello! Shopify discussion platform members, Shopify partners and the users..

I’m using the Radiant theme, and on my product page, the text “Shipping calculated at checkout” is showing above the quantity selector button (screenshot attached).

IMG-20250324-WA0015.jpg
IMG-20250324-WA0015.jpg594×1280 52.7 KB

I want to remove this text but can’t find the right setting to edit.

Can anyone guide me on how to remove it? Any help would be appreciated!

Thanks in advance! I’ll be really thankful.

1 Like
2

Please add this code to Custom CSS in Sale Channels > Online Store > Themes > Customize > Settings

.product .product__tax { display: none !important; }
1 Like
3

I have pasted Ans saved the code :+1: .

Screenshot_2025-03-24-20-27-49-40_40deb401b9ffe8e1df2f1cc5ba480b12.jpg
Screenshot_2025-03-24-20-27-49-40_40deb401b9ffe8e1df2f1cc5ba480b12.jpg1080×1149 73.9 KB

I have only words for you right now, that you are the gem :gem_stone: .

4

Do I make the quantity selector button as add to cart is, like with same rounded borders and border thickness to match the looks ?

IMG-20250324-WA0017.jpg
IMG-20250324-WA0017.jpg540×1206 49.4 KB

I would love to share a part of my first monthly revenue, when I’ll start running this store, it’s my final decision.

1 Like
5

Please add more this code

.product .quantity:after {
    border-radius: 4px;
    box-shadow: 0 0 0 var(--inputs-border-width) rgb(0 0 0 / 30%);
}