Text Sizing

Shopify Discussion

Topic summary

Issue: The OP wants to make a single text block smaller; the theme’s Typography setting bottoms out at 100%, which is still too large.

Proposed approach: Add custom CSS (styling code) in theme.css/base.css to set a smaller font-size (e.g., 80%) for a specific class so only the targeted text changes. The OP asks whether this impacts all text or just the selected block and requests step-by-step instructions.

Context: The OP shares the store (aventacy.com) and identifies the bold text above the emoji list on the Pet Scrubber product as the target.

Guidance provided: Detailed steps to edit code (Shopify Admin → Online Store → Theme → Edit code → theme.liquid) and insert code above the tag. A screenshot shows the result, but the exact code snippet content isn’t visible in the post.

Status: No confirmation from the OP; resolution appears pending.

Summarized with AI on December 22. AI used: gpt-5.
1

Wanting to make a single text block smaller as i have put the typography down to its lowest “100%” and it is still to big

2

Hi,

Need to add custom css (at theme.css or base.css or similar)

.custom-text-block {
    font-size: 80%; /* Adjust percentage to your preference */
}
3

Will this adjust all my texts to 80% or only the one i want and can you give a step by step at all to get to it

4

Hi @Spay . Can you share your store link to the text you want to custom size so we able to figure out problem

5

aventacy.com and its the bold text just above the emoji list on the pet scrubber product

6

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:

BSSCommerceHDL_0-1723195410173.png
BSSCommerceHDL_0-1723195410173.png616×544 31.1 KB

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: