Sub Product Category Header Question

[Anonymous]

I have 3 Questions – Please see the screenshot attached.

 

1. The Category and Sub-Categories have a title card. The white background of the title takes a lot of space of the category image. How do I remove the background, or change it’s opacity etc. What’s the best way to show the category title, but also show the full image.
2. Secondly, How do I change the size of the product category image? Is it something which is jus the size of the photo I’ve uploaded?
3. The product header has a grey stripe – where do I change this?

Thanks

 

[Harry]

Hi,

1. You can remove background on category images by add custom css in Claue > Theme Option > General Layout > Custom CSS

.product-category h2 { background: none;}

or change transparent by add code

.product-category h2 { background: rgba(255,255,255,0.3);}

with 255,255,255 as rgb and 0.3 as opacity from 0-1

2. Sorry this feature WooCommerce doesn’t support. It would be best to contact Woocommerce support about this. Perhaps they have an extension available for this.

3. You can change it in Claue > Theme Option > WooCommerce > General Settings > Page Title Background

Best regards

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

[jonkristen]

Hi,

I`m trying to change the grey background on category titles. I´ve tried some of the different solutions on the forum, but they don´t seem to work. Changing settings for title under settings only applies to main shop page.
Need possibility to change both background color and font color.

Best regards,

Jon Kristen

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Jon Kristen,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.page-head::before {
	background: #222;
}

.page-head h1 {
	color: #fff;
}
.page-head p {
	color: #fff;
}

and change #222, #fff with your color code.

Kind regards

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

[gio153]

1. I also tried this, and it does help in changing the grey background in categories that have no category header image added. Great! However, it also changes the color of category headers that otherwise have an image attached. Is there a solution to this?
2. Is it possible to add header images to tags?

 

[Harry]

Hi Jon Kristen,

Please change general category background image in Claue > Theme Option > WooCommerce > General Setting

Btw, your support expired so long. Please renew your support at https://themeforest.net/downloads

Kind regards

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

[gio153]

Hi Harry,

my name is Erik not Jon Kristen (topic starter), I have still a year of support 🙂

In Claue > Theme Option > WooCommerce > General Setting I have added no image and full transparency. Adding the above code (.page head) does alter the background of every category header into the colour specified in the code, however it also hides all category images that I have uploaded. How can I make the category images visible, and when no image is specified have the header appear in the colour that I enter in the .page head code?

Thanks again, Erik

[Harry]

Hi Erik,

Please change code to

.page-head::before {
	background: transparent;
}
.page-head {
	background-color: #222;
}

Kind regards

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

[gio153]

Thank you so much, appreciate the support! 🙂

[Harry]

You’re welcome Erik.

Have a great weekend!

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

[Author]

Posts