I want to remove the part where it says:
Shipping calculated at checkout.
Below the product price, please help, screenshot and product link attached
https://velissio.com/collections/womens/products/eunice
Topic summary
Goal: Remove the “Shipping calculated at checkout” text displayed below the product price on a product page.
Proposed solution (CSS hide): Add a CSS rule to the theme to hide the policies element.
- Steps: Shopify Admin > Online Store > Themes > Edit code > Assets > open mrk.css (or your custom CSS file) and paste a hide rule.
- Selector suggested: .product__policies.rte.small–text-center { display: none; }
- Alternative selector: .template-product .product__policies.rte.small–text-center { display: none; } (note: one post shows a likely typo in “template-product”).
Technical context: CSS (Cascading Style Sheets) controls visual presentation; a CSS selector targets the element displaying the shipping text and “display: none” removes it from view.
Attachments: Screenshots illustrate where to add CSS in the theme editor; product link provided for context.
Outcome/status: No confirmation from the requester yet that the change worked; discussion remains open with clear action items.
Action items: Edit mrk.css (or relevant CSS asset) and add the provided selector(s). Verify on the product page (e.g., /collections/womens/products/eunice) and adjust selector if the text persists.
1 Like
Hello! @velissio Please follow these steps to add this CSS code:
- Go to your Online Store
- Click on “Themes”
- Select “Edit code”
- Open your CSS file. If you have a custom CSS file, open that instead.
- If you can’t find your custom CSS file, open “mrk.css”
- Add the following code at the end of the file.
.template-product .product__policies.rte.small--text-center {
display: none;
}
If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.
Best regards
K.K
1 Like
Hello @velissio
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > mrk.css and paste this at the bottom of the file:
.product__policies.rte.small--text-center {
display: none;
}
