Shopify Dawn theme - add size chart pop-up

Store Design

Topic summary

Goal: Make the size chart pop-up in Shopify’s Dawn theme more subtle (less padding/visual prominence), similar to the store’s current Broadcast theme.

Key suggestions:

  • Replicate the pop-up implementation from Broadcast: use the same popup class and CSS in Dawn, including width and styling, to match the existing look and feel.
  • Adjust the modal’s width via CSS in Dawn: add rules in Assets > base.css to constrain the pop-up content (example provided sets max-width: 600px and width: 100% for the modal content selector).
  • Optional resource: A YouTube tutorial was shared on adding a size chart pop-up.

Technical notes:

  • The provided CSS snippet targets the product pop-up modal content to limit its width, which should reduce the oversized/padded appearance.
  • External links include a current product page example (Broadcast) and a Dawn preview; a CSS code snippet is central to the proposed fix.

Status/outcome:

  • No confirmation from the original poster that the issue is resolved. Next steps are to apply the CSS, ensure the correct selectors/classes from Broadcast are used in Dawn, and test on the product page.
Summarized with AI on December 29. AI used: gpt-5.
1

Hi,

I’m setting up the Shopify Dawn theme and would like to add a link to our size chart page.

I’m able to do so by adding a pop-up block on the product page, however, there is a lot of padding and the size chart button really stands out. I want to make it more subtle, like how we have it on our current theme (Broadcast):

https://alpineprincessclothing.com/products/biker-shorts-lack-terrazzo?variant=39920642818129

The Dawn theme is not published yet, so all I can share is the preview:

https://rat166kxjpu95cm4-5969772617.shopifypreview.com

Any help would be appreciated!

Sandra

2

Hi @Sandras1 ,

It seems like you did not add same popup class and css code for the popup. You should have to implement the same popup in dawn theme from your current theme and add the same width and another style in dawn theme.

Thank you.

3

Hi @Sandras1 ,

Go to Assets > base.css and paste this at the bottom of the file:

#PopupModal-1fca42f2-8376-40e9-9066-b0507edaa751 .product-popup-modal__content {
	max-width: 600px !important;
    width: 100% !important;
}

Hope it helps!

4

Add size chart pop-up: