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
450 128 93

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
758 144 157

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
758 144 157

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
758 144 157

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
8476 1668 1679

Hi @shocker11 

Could you share your store URL so I can check? 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

shocker11
New Member
4 0 0

Vinsinfo
Shopify Partner
352 125 118

@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
450 128 93

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
450 128 93

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