Remove Category Header Image

[mikestar]

Hi,

How can I remove (Hide) the header image on category pages?

[mikestar]

I’d like to remove the entire header image section (excluding Title) from Categories and Tags pages. But want to keep the Titles for SEO purpose.

Objective is to bring the products up in top-fold of the screen and faster loading due to no header image.

[mikestar]

Output like this is okay for me. Can you please let me know how & where to make required changes?

I changed this on browser by reducing page-head padding from 50 to 20px

[Harry]

Hi,

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

.page-head {
	padding: 20px 0;
}

Kind regards

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

[mikestar]

Thanks Harry. The code worked fine when I added it at the top of Custom CSS.

Lastly, The default header is gray color. How can I change this color to something else?

[Harry]

Hi Mike,

You can change background color by add below code

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

and change #999 with your color.

Kind regards

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

[mikestar]

Thanks Harry. You are awesome!

-Mike

[jameslei]

What is about CSS for both title and description font size and color? What is the header image size? Is it possible to change position from top into anywhere on category page such as over or under all product archives?

 

PANDALER [ https://pandaler.com/ ] - The Very Coolest of Panda Stuffs In One Place For You And Everyone In Your Life Who Loves Panda!

[Harry]

Hi James,

1. The CSS code for title and description is

.page-head h1 {
	font-size: 20px;
	color: #fff;
}
.page-head p {
	font-size: 14px;
	color: #fff;
}

2. The header image size is (1920*150)px

3. It now doesn’t have option to move category header description to any where. If you want you have to customize code.

Regards

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

[Author]

Posts