Goal: Adjust the “Icon with text” block on a Shopify product page (Dawn theme) to be smaller than the rest of the page, including changing font size, line spacing, and gaps.
Context: The block appears under the price with three icons and text (e.g., “free shipping”). This is the theme’s “icon with text” block within the product information/description section of Dawn (Shopify’s default theme).
Latest update: The requester shared a screenshot highlighting the exact area to modify but did not provide a store URL or password.
Responses: Multiple helpers asked for the store URL and storefront password (if protected) to inspect the theme and give an exact CSS/HTML solution.
Outcomes/decisions: No code or specific solution has been provided yet. Assistance is contingent on access to the store.
Status: Open/Unresolved. Next step is for the requester to share the store URL and password so tailored CSS targeting that specific block can be suggested. The provided image is central for understanding the target element.
Hi,
I have icon with text block in my product page template - product information section.
Is there a way that I can change size of this block or to change the font size, line space etc.
I just want that part to be smaller than the rest of the product page. Theme is dawn.
Hello There,
Please share your store URL and password.
So that I will check and let you know the exact solution here.
@bguler Please share your store URL and password(If it is password protected.). So that I can check and give you the exact solution.
Hello @bguler
Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.
