Return to previous page

How to use custom css for single product page

This topic has 4 replies, 2 voices, and was last updated 3 years, 12 months ago ago by Rose Tyler

Harshad Patil

Participant

November 25, 2020 at 16:56

i want to hide some elements on some products page so please help me how to use custom css or any other option to hide buy now button on some pages

#261246 Copied Theme version: 7.1.2

3 Answers
Rose Tyler

Support staff

November 25, 2020 at 17:05
Hello,

Go to Edit product > Custom CSS for product – https://prnt.sc/vpycty
```
.buy-now-woo--button-before-cart .wsb-button {
    display: none;
}
```
Regards
#261248 Copied
Harshad Patil

Participant

November 25, 2020 at 17:16

i want to hide it on specific product only
not for all products

#261253 Copied

Rose Tyler

Support staff

November 26, 2020 at 09:06

Yes, go to Edit particular products and add the code as was mentioned.
Provide temporary wp-admin access, and we will add the code for the mentioned product, as an example.

Regards

#261320 Copied
Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Shoes Store – WordPress WooCommerce Theme

lazy-placeholder

Jewellery Niche Market – Multivendor WP WooCommerce Theme

lazy-placeholder

Shoes Store – WooCommerce Theme

lazy-placeholder

Ecotransport Store – WordPress WooCommerce Theme

lazy-placeholder

Designers – WordPress Theme

lazy-placeholder

Web Agency – WordPress WooCommerce Theme

lazy-placeholder

WooPress – Responsive Creative HTML5 Template

lazy-placeholder

WooPress Fullwidth

lazy-placeholder

Lingerie Store – WordPress WooCommerce Theme

lazy-placeholder

Rental Car – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.