Adjusting the font size for SKU number

Solved
Highlighted
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
Highlighted
Shopify Partner
236 59 80

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

Success.

Shopify Expert
2721 463 599

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
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Shopify Partner
236 59 80

@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
Highlighted
Tourist
18 0 1

Thanks Jasoliya!!! That worked like a champ!

0 Likes