How can I modify design elements on my product page?

Store Design
,

Topic summary

Request to adjust product page styling in the Dawn theme and restructure content.

Requested changes:

  • Elements 1–3: Tweak corner rounding (border-radius). Make the pill-shaped controls less rounded; make the rectangular elements at 2 and 3 more rounded.
  • Elements 4–6: Replace a single large text block with several dropdown (accordion) sections, mirroring the “after” screenshot.

Context:

  • Platform/theme: Shopify, Dawn theme.
  • Visual references: Two screenshots with numbered callouts are central to identifying the target elements.
  • Goal: Improve product page aesthetics and information hierarchy via CSS adjustments and collapsible sections.

Status/outcome:

  • No solutions or code suggestions yet; the thread is an open request for guidance (likely CSS for border-radius and theme/Liquid or section settings for accordions).
Summarized with AI on January 5. AI used: gpt-5.
1

What’s up guys,

I am designing my website using the dawn theme.

I wanted to make a few changes to some design elements on the product page.

For instance at 1, I’d like to make the pills less round. Similarly at 2, I’d like to make the rectangle more round. Same for 3.

With regards to 4 - 6, I was wondering how I can substitute the main chunk of text with several drop downs, as seen in the after picture.

Screenshot 2024-02-17 213842.png
Screenshot 2024-02-17 213842.png451×622 31.1 KB

Screenshot 2024-02-17 213542.png
Screenshot 2024-02-17 213542.png642×702 26.8 KB

Thank you in advance!