Home › Forums › Themes Support › Claue › Css for only specific product category
Tagged: css
- This topic has 7 replies, 2 voices, and was last updated 2 years, 3 months ago by Harry.
-
AuthorPosts
-
-
December 15, 2021 at 6:36 am #42638
Dear Harry,
Hope all is going good 🙂 Needed a bit of CSS help.
-
December 15, 2021 at 6:40 am #42639This reply has been marked as private.
-
December 15, 2021 at 5:45 pm #42641
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 -
December 15, 2021 at 7:29 pm #42642This reply has been marked as private.
-
December 15, 2021 at 8:34 pm #42645
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 -
December 16, 2021 at 8:42 pm #42655
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
-
January 4, 2022 at 7:32 pm #42699This reply has been marked as private.
-
January 5, 2022 at 5:20 pm #42702
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
-
-
AuthorPosts
You must be logged in to reply to this topic.