Join us for an upcoming Shopify Partner webinar on February 27, 2024. Discover the latest Checkout Extensibility features, and deep dive on improvements to Shopify Functions and Web Pixels. Register now for either the 10am EST or 2pm EST sessions.

Font size - using rem and maintaing consistency across themes

Shopify Partner
26 1 7



I am trying to use 'rem' & '%' as my CSS units in my extensions, for font size, margin, and padding.
Now I am facing issues where my text is too small.

I have 2 questions - 

  1.   Do I use px for font size and margin, padding? I want to avoid going this route and causing consistency issues with the theme and my extension.
  2. Do I use the relative units and leave it to the store owner to set the default font size etc? Thereby at least maintaining consistency wrt font size in the extension?

I really appreciate any help you can provide.

Replies 0 (0)