Shopify themes, liquid, logos, and UX
For some reason my variant option "Customize with name?" is super small compared to Color.
Any solution?
Solved! Go to the solution
This is an accepted solution.
Hello @shocker11 ,
I understand you are looking to increase the size of the 'Customize with name?' option.
Kindly add the below code at the bottom of the theme.liquid file before </body> tag and save.
<style>
legend.form__label {
font-size: 16px !important;
}
</style>
[Please feel free to adjust font-size pixel size as per your requirements.]
Output ->
I hope the code helps you.
Please share if you need any assistance.
Thank you.
Hi, @shocker11
Please share the store URL so that I can assist you.
Which product page?
The link will direct to the product page.
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag
<style>
.form__label {
font-size: 16px;
color: #000;
}
</style>
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
Hi @shocker11
Could you share your store URL so I can check?
- Solved it? Hit Like and Accept solution!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
@shocker11 Please provide your store URL to help you on this.
This is an accepted solution.
Hello @shocker11 ,
I understand you are looking to increase the size of the 'Customize with name?' option.
Kindly add the below code at the bottom of the theme.liquid file before </body> tag and save.
<style>
legend.form__label {
font-size: 16px !important;
}
</style>
[Please feel free to adjust font-size pixel size as per your requirements.]
Output ->
I hope the code helps you.
Please share if you need any assistance.
Thank you.
Hello @shocker11 ,
To increase the font size of 'Quantity' in Product Detail Page, add the below code in theme.liquid file before </body> tag.
<style>
label.quantity__label.form__label {
font-size: 16px !important;
}
</style>
Output -:
I hope the solution helps you.
Thank you.
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025