Add CSS style to product SKU on shop page

Want to add styling to product SKU on shop page but can’t select it. On single product page, it has class sku_wrapper but not on product archives.
Could you please let me know is this achievable?
Kind regards

Hello,

Thank you very much for choosing our theme and for contacting us.
Please add this code to the Theme Settings > Custom CSS > Global:

body .product_meta .sku_wrapper {
    display: inline-block;
    margin: 0 1px;
    color: red;
    font-weight: 400;
    font-size:30px;
}

You can change the style as per your needs.

If you have any questions please feel free to contact us.

Best Regards

Hi,
I think you misunderstood, it is possible to style SKU on single product pages using
body .product_meta .sku_wrapper selector.
I want to style SKU on product archive pages where there is no SKU wrapper.

Kind regards

Hello,

Please provide the page URL I will provide custom CSS for the archive page.

Best Regards

Hi,
Here is the URL

Kind regards

Hello,

You have customized the grid and inserted the SKU in the price wrapping, I cannot style SKU as the price would change as well.

Best Regards

oh sorry for the trouble, did not realise that it’s coming through the custom code
Thanks for the support, you can close this ticket.
Kind regards

You are welcome! We are here to help.

Wish you a wonderful day!

Hi,

What will be the custom code if I want to add SKU before the Title in SHOP page or Category Archive Page?

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

HTML structure does not allow solving it by custom CSS. Such modification requires complicated Woocommerce code customization which is not covered by our support.

Best Regards

[Author]

Posts