Decrease space between product title and product color

Store Design
,

Topic summary

A user customizing the Dawn theme’s product page needed to reduce spacing between the product title and color selector.

Another community member provided a CSS solution:

  • Navigate to Online Store → Theme → Edit code
  • Open theme.liquid file
  • Add custom CSS before the closing tag targeting the product form input label with display and padding properties

The solution successfully resolved the issue. The thread is marked as resolved with an accepted answer.

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

Hi,

I have made a ton of custom css for my product page on dawn theme. Now i have one last problem that i cant solve by myself.

I need to decrease the space between product title and product color; see red square in screenshot.

Screenshot 2024-02-26 at 15.39.51.png
Screenshot 2024-02-26 at 15.39.51.png5120×2880 386 KB

If anyone knows the solution please share!

Url: www.arceyworldwide.com

Password: arcey

/Leon

1 Like
2

Hello @Leonpojen

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

#shopify-section-template--18513808195851__main .js.product-form__input label:first-of-type { padding: unset !important; } .product__tax.caption.rte { display: none !important; }

techlyser_web_0-1708960462218.png
techlyser_web_0-1708960462218.png520×368 3.44 KB

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

1 Like
3

Thank you so much @niraj_patel this worked!!

4

Welcome @Leonpojen :grin:

1 Like