Hide Page Title but keep Background Image
-
Hi Support,
How can I hide Category Page’s or Page’s title text but keep the background image in place? Also, what is right size for image to be used for Page Title? What dimensions should I use? Please guide
Hello,
Please add the following Custom CSS code to Theme Settings > Custom CSS:
/* Hide the title text container ONLY on product category archive pages */
.tax-product_cat .wd-page-title .container {
display: none !important;
}
/* Apply the custom background banner height ONLY on product category archive pages */
.tax-product_cat .wd-page-title {
min-height: 300px; /* Adjust this value to control your category image banner height */
}
For the image banner size, try to upload a 1180 by 300 pixels image.
Best Regards
Thanks, it is working on Category pages. But how can I make it work on other webpages as well like on Shop or About Us or Contact Us?
Hello,
To apply the same effect on regular pages, such as Shop, About Us, and Contact Us, you can use the following CSS instead:
/* Hide page title text but keep the background image */
.wd-page-title .container {
display: none !important;
}
/* Set banner height */
.wd-page-title {
min-height: 300px;
}
Please note that this CSS will affect all pages that use the WoodMart Page Title area.
Best Regards
This latest code will work on Category pages and Normal pages all the same?
Thank you, this issue is resolved.
Hello,
You’re Most Welcome!
If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://www.trustpilot.com/review/xtemos.com
Thanks for contacting us.
Have a great day.
Topic Closed.
Best Regards.
The topic ‘Hide Page Title but keep Background Image’ is closed to new replies.