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:
</head> tag to adjust font sizeFollow-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.
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 =
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 
@BSSCommerce-HDL How can i now decrease the Space between the lines?
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
