Docs

[Kiomatri]

Hey X,

I have CSS in my customizer CSS concerning my category pages in Woocommerce.
At first it really didn’t matter that the CSS was displayed on every categroy page but now I need it only on specific category pages.

Do these pages also have an ID, and if not, how do I call specific pages?

Greetings

[Lely]

Hi There,

Yes, each category pages has specific class.
It is category-slug. Change slug to your specific category slug.

Hope this helps.

[Kiomatri]

Please see the code displayed below, it doesn’t seem to work the way I implemented this:

@media screen and (min-width: 980px){
.category-normal-tee .woocommerce  .products  li:first-child:before {content: 'Customize';}

.category-normal-tee .woocommerce .products li:nth-child(3):before {content: 'Direct bestellen';}

.category-normal-tee .woocommerce .products li:first-child:before, .woocommerce .products li:nth-child(3):before {font-size: 150%; width: 100%; display: block; text-align: center; margin-bottom: 15px;}

.category-normal-tee .woocommerce .products li:nth-child(2), .woocommerce .products li:nth-child(4) {padding-top: 65px;}
}

(The website is jorcustom.com by the way)

[Lely]

Hi There,

Thank you for the URL. Since it is a woocommerce page please update your CSS to this:

@media screen and (min-width: 980px){
.term-normal-tee.woocommerce  .products  li:first-child:before {content: 'Customize';}

.term-normal-tee.woocommerce .products li:nth-child(3):before {content: 'Direct bestellen';}

.term-normal-tee.woocommerce .products li:first-child:before, .woocommerce .products li:nth-child(3):before {font-size: 150%; width: 100%; display: block; text-align: center; margin-bottom: 15px;}

.term-normal-tee.woocommerce .products li:nth-child(2), .woocommerce .products li:nth-child(4) {padding-top: 65px;}
}

Hope this helps.

[Author]

Posts