Adjusting the font size for SKU number

Solved
Cool_CNC_Stuff
Tourist
18 0 1

Using VENTURE (VERSION 4.0.0).  I figured out how to edit my code to get the SKU number to display on my product page. However now I want to adjust the font size.  Cannot find this anywhere.....

 

Thanks,

Andrew

0 Likes
BrianAtWork
Shopify Partner
242 58 133

Hey @Cool_CNC_Stuff,

 

I understand that you want to adjust the font size of the SKU number that you've added to your product pages.

 

Will you post a link to your store here? I may be able to help you with this.

Brian | Shopify Partner | Ecommerce Consultant
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Click Accept as Solution  
 - Need further assistance? Visit www.BrianAtWork.com

0 Likes
Cool_CNC_Stuff
Tourist
18 0 1

Right now the site is not live yet.  I got the SKU to show using the method shown below.  Now I just want to adjust the font size for the SKU.

 

https://help.shopify.com/en/themes/customization/products/features/show-sku-numbers

 

0 Likes
Jasoliya
Shopify Expert
4133 569 999

This is an accepted solution.

Hi @Cool_CNC_Stuff 

 

follow this

1. add this css in Asset->theme.scss->paste at bottom of file

.variant-sku{ font-size: 10px; }

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
BrianAtWork
Shopify Partner
242 58 133

@Cool_CNC_Stuff Without seeing your store's code, I can't properly help you.

 

However, let's try solving this based on the link you shared with me. If you followed those instructions, this should work.

 

Add this code to the top of your product-template.liquid file:

 

<style>
  .variant-sku {
    font-size: 1em !important;
  }
</style>

As an example, adjust the part that says "1em" to "0.8em" to make smaller. Adjust "1em" to "1.2em" to make larger.

 

Let me know if this works or if you need further help!

Brian | Shopify Partner | Ecommerce Consultant
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Click Accept as Solution  
 - Need further assistance? Visit www.BrianAtWork.com

0 Likes
Cool_CNC_Stuff
Tourist
18 0 1

Thanks Jasoliya!!! That worked like a champ!

0 Likes
FernandoD
New Member
2 0 0

Hello i followed your instruction but it didn't work.
Can you help me?

thanks

Screen Shot 2021-01-18 at 5.48.47 PM.png

0 Likes
Jasoliya
Shopify Expert
4133 569 999

Hi @FernandoD 

Send your store url and password if any.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
FernandoD
New Member
2 0 0

hello Jasoliya,

https://water-pump-2020.myshopify.com

wohney

 

thanks

0 Likes
Jasoliya
Shopify Expert
4133 569 999

If you want to adjust font size of SKU on product page then do that:

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.product-sku{font-size: 16px;}

You can adjust size as you want. current size is 14px.  

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes