Css for only specific product category

[ArtK]

Dear Harry,

Hope all is going good 🙂 Needed a bit of CSS help.

 

[ArtK]

This reply has been marked as private.

[Harry]

Hi AK,

Each category has specific class name or id number https://tppr.me/2KLQh you can find in inspect body class

you can add css for each category like this

.term-bottom .product-image {
box-shadow: 10px 10px 5px grey;
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[ArtK]

This reply has been marked as private.

[Harry]

Hi AK,

Please change your code to

.term-46 .product-image { 
box-shadow: 10px 10px 5px grey; 
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[ArtK]

worked like a charm 🙂 I have a few more points which I will write to you about later. Until then, have a lovely holiday season Harry and as always your hard work shows why this theme should be no.1 choice for all 🙂

Best Regards,

AK

[ArtK]

This reply has been marked as private.

[Harry]

Hi ArtK,

Each product has specific id https://tppr.me/vOTb6 and you can add css style for each product. Example

.postid-5528 .single-product-thumbnail .slick-slide img {

 box-shadow: 10px 7px 5px grey; /*Adds box shawdow to product images*/ 

}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts