FROM CACHE - en_header

Adjusting the font size for SKU number

Solved
Cool_CNC_Stuff
Tourist
19 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

Accepted Solution (1)

Accepted Solutions
Jasoliya
Shopify Expert
4532 586 1144

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.
Want to convert visitor to buyers ? try This app.
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

View solution in original post

Replies 11 (11)
BrianAtWork
Shopify Partner
245 59 167

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

Cool_CNC_Stuff
Tourist
19 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

 

Jasoliya
Shopify Expert
4532 586 1144

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.
Want to convert visitor to buyers ? try This app.
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
245 59 167

@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

Cool_CNC_Stuff
Tourist
19 0 1

Thanks Jasoliya!!! That worked like a champ!

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

Jasoliya
Shopify Expert
4532 586 1144

Hi @FernandoD 

Send your store url and password if any.

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
FernandoD
New Member
2 0 0
Jasoliya
Shopify Expert
4532 586 1144

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.
Want to convert visitor to buyers ? try This app.
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
norine-96
Tourist
7 0 3

Hi, I don't have a theme. scc file in my theme, i am using fashionopolism theme. Can you helo where i can add the code? 

Jasoliya
Shopify Expert
4532 586 1144

Then add in any css file at bottom. 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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