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
.
