Variant option is small in font

Solved

Variant option is small in font

shocker11
New Member
4 0 0

For some reason my variant option "Customize with name?" is super small compared to Color. 

Any solution? 

shocker11_0-1718923156779.png

 

Accepted Solution (1)

Anshul_arora
Navigator
453 129 104

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 ->

Anshul_arora_0-1718951157406.png


I hope the code helps you.


Please share if you need any assistance.


Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here

View solution in original post

Replies 10 (10)

AnneLuo
Shopify Partner
1293 227 263

Hi, @shocker11 

Please share the store URL so that I can assist you.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

shocker11
New Member
4 0 0
AnneLuo
Shopify Partner
1293 227 263

Which product page?

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

shocker11
New Member
4 0 0

The link will direct to the product page. 

AnneLuo
Shopify Partner
1293 227 263

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!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

Dan-From-Ryviu
Shopify Partner
11028 2160 2306

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
New Member
4 0 0

Vinsinfo
Shopify Partner
485 165 168

@shocker11 Please provide your store URL to help you on this.

Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

Anshul_arora
Navigator
453 129 104

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 ->

Anshul_arora_0-1718951157406.png


I hope the code helps you.


Please share if you need any assistance.


Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here
Anshul_arora
Navigator
453 129 104

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 -:

Anshul_arora_0-1718951501913.png
I hope the solution helps you.

Thank you.

 

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here