How can I change the SKU font size on a product page?

Store Design
, ,
1

Hi

I was wondering if anyone could kindly lend me some advice regarding changing the size of the SKU font on the product page tab

i have found the code in product.json but i cant seem to figure out what the code would be to alter the font size

Kind regards

Sam

fotn size.png
fotn size.png1592×866 34.1 KB

2

@SamC-WT - font size can be edited from css, can you please share the product page link where you have this sku?

3

Hi

Yes please see the link below

https://wiretechnologies.myshopify.com/collections/transceivers/products/dell-transceiver-100g-lr4-qsfp28-10km-850nm-qsfp28-100g-lr4-wr?variant=45425509826864

4

@SamC-WT - add this css to the very end of your styles.accessories.css file and check, adjust number as per the need

.product-logistics{font-size: 20px;}
.variant-sku{font-size: 20px;}

suyash1_0-1688055297783.png
suyash1_0-1688055297783.png1366×768 150 KB

5

That done the job you legend

6

@SamC-WT - welcome, do let me know if you need anything else, you have my email below

7

I appreciate that bud