Woocommerce category header image

Hello,

I think after the WoodMart theme update the background images from the woocommerce categories are much smaller then normal.
the images are 420px height.

How can we change the height to what we has?
and we want the title color in white.

https://www.beeldenvallei.nl/product-categorie/abstracte-beelden/

Hello,

The height of the page title does not depend on the size of the background image assigned to it but rather on the option set in the Page Title Size settings. Your page title appears small because your site is set to use the “Small” size (screenshot: https://monosnap.com/file/a16yWB6OkxUPmCiC0bLgCUliARN537), and it displays correctly according to your settings (screenshot: https://monosnap.com/file/h3pgDEKqTzvxl19BluXHRlDTSQcwXn).

To increase the size of your page title, adjust the setting to Default or Large.

Kind Regards

thanks for your reply, this works for desktop.
But there is nothing changed (image height) on mobile devices, is that correct?

Each of the three available page title sizes automatically reduces to the Small size on mobile. However, if you want to customize the page title size on mobile, add the following custom code to the Global Custom CSS area in Theme Settings and adjust the top and bottom padding as well as the font size to suit your needs:

@media (max-width: 1024px)  {

body .title-size-large {
	--wd-title-sp: 100px;
	--wd-title-font-s: 50px;
}
	
}

Kind Regards

Thanks, this works!

You are welcome!

Hello,

On every page the product title element is very high, is it possible to reduce the height when there is no image?
see example page in private content.

Hi,

The size of the page title is not affected by the presence of an image because the image is added as a background and does not influence the height of the page title. The height of the page title is determined solely by the “Page title size” option located in Theme Settings (screenshot https://monosnap.com/file/h3pgDEKqTzvxl19BluXHRlDTSQcwXn). This option sets the size of the page title across all post types simultaneously, including Pages, Blog posts, Shop pages, and so on.

If you want to set a large page title size for one post type and a medium or small size for another, you can use the Theme Settings Presets functionality. This allows you to configure different theme settings for different pages based on enabled conditions.

For example, if you’ve added a background for the page title only on Shop page and want the page title to be large specifically there while small on all other pages:
• Set the global “Page title size” to “Small.”
• Then create a Theme Settings Preset with a conditional name like “shop_page.” (screenshot https://monosnap.com/file/hSSjCHJHdQLSL9otC9oJUgca3EY7UP)
• Assign the condition Post ID -> Equals -> “Your shop page name” to this preset, and set the “Page title size” in the preset to “Large.”

As a result, all pages will have small page title size, while the product archive will have, a large size.

More information about Theme Settings preset functionality can be found in WoodMart theme documentation https://xtemos.com/docs-topic/theme-settings-presets/.

Kind Regards

[Author]

Posts