Adjusting the font size for SKU number

[Cool_CNC_Stuff]

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

[BrianAtWork]

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.

[Cool_CNC_Stuff]

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 · 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; }

[BrianAtWork]

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

[Cool_CNC_Stuff]

Thanks Jasoliya!!! That worked like a champ!

[FernandoD]

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

thanks

[Jasoliya]

Hi @FernandoD 

Send your store url and password if any.

[FernandoD]

hello Jasoliya,

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

wohney

thanks

[Jasoliya]

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.