Change Font Size Of Custom Liquid

Topic summary

A user needs to reduce the font size of custom liquid code on their mobile product page, as the text appears too large.

Solution provided:

  • Navigate to Shopify Admin → Online Store → Theme → Edit code
  • Locate the theme.liquid file
  • Insert custom CSS code above the </head> tag to adjust font size

Follow-up issue:
The user then requested help decreasing the spacing between lines in the custom liquid element.

Additional solution:
A second CSS snippet was provided using the same implementation method (inserting code in theme.liquid) to reduce line spacing.

Both solutions included visual results showing the before/after changes. The discussion appears resolved with working CSS customizations for both font size and line spacing adjustments.

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

Hey guys how can i change the font size of the custom liquid code that am currently using for my Mobile website

https://auraliving.nl/products/flame-aroma-diffuser-deluxe-1

The text is to large i want to make it smaller as u can see in the photo below its kinda big.

Custom liquid CSS code am using =

Klarna Koop nu, betaal later

1 Like

@BSSCommerce-HDL @BSSCommerce-B2B

Hi @NinoB97 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like

@BSSCommerce-HDL How can i now decrease the Space between the lines?

1 Like

Hi @NinoB97 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like