Customizing WooCommerce pages in Wellness Pro theme

[myminiversum]

Hi there,

I would like to change the CSS code (mainly the body class) for my product category pages within Wellness pro theme, as these pages have a different mobile view than the others (wider margin/padding)
Could you please suggest where on my WP dashboard can I find the relevant code to change?
Thank you!
Ramona

https://www.myminiversum.hu/product-category/keszletkisopres/

[Anita]

Did a search on Google. Try this.

---

Love coffee, chocolate and my Bella!

[Brad Dalton]

You can add a body class for woocommerce pages using PHP code in functions.php however it's already added by default which you can view in the source code or using inspect element.

add_filter( 'body_class', 'wc_product_category_body_class' );
function wc_product_category_body_class( $classes ) {

if ( is_product_category() ) {

	$classes[] = 'your-custom-class';

    }
	return $classes;

}

You won't need to do this if you want to change the CSS rules on mobile screens.

---

Tutorials for StudioPress Themes.

[myminiversum]

Hi,
Thanks for you replies!
I only want to change the view on mobile. I can find the difference in the code looking at the developer console in Google but I could not find which file exactly I should change and where I can find it...
Any suggestions on this?
Thanks a lot again!
Ramona

[Brad Dalton]

Wrap your CSS rules in a media query like this :

media only screen and (max-width: 840px) {

/* Your CSS Rules */

}

Add the @ sign before media

---

Tutorials for StudioPress Themes.

[Author]

Posts