Return to previous page

Add css or code on specific single product page

This topic has 4 replies, 3 voices, and was last updated 3 years ago ago by Olga Barlow

filmguerilla

Participant

December 12, 2021 at 12:50

Hi guys, i’m not sure if this feature is available on xstore. i enabled 8theme product option on product page but can’t find any tab where i can add specific css/code on it. is there possibility to do this? Thank you!

#311655 Copied Theme version: 7.2.8 WooCommerce version: 5.6.0

3 Answers

Rose Tyler

Support staff

December 12, 2021 at 13:35

Hello,

You can use product id in the code, for example, .postid-14724 https://prnt.sc/22rmtnf
and add code in global area, like – https://prnt.sc/22rmu5b

Regards

#311661 Copied

filmguerilla

Participant

December 13, 2021 at 04:22

Hello, thanks for answering. You mean global CSS? so every product i should put the code on global css? would that make the site slower?

Thank you!!!

#311691 Copied

Olga Barlow

Support staff

December 13, 2021 at 15:24

Hello,

You may use Global CSS to add the custom code or child theme style.css. Choose which one is more suitable for you and don’t forget to clear caches and CDN after your changes.

It should not affect site speed.

Regards

#311750 Copied
Tagged: code, customization, single-product page, template, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)