Categories Header

Hello,
I’m trying to insert an overlay color in the categories header so as to better show the writing and the icons.
I searched your guide but found nothing.
In your guide I see that you also have a blur, there are these options: blur or color overlay?
Look at the pictures in your guide.
https://xtemos.com/docs/woodmart/product-category-menu/

I would also need to understand if such a thing can be done for a single category.
See attached image

Attachments:

You must be logged in to view attached files.

Hello,

Unfortunately, there is no option to set the color you will have to upload one color image.

Best Regards

Ok,
1 – can you provide me with a code to insert an overlay color in the category header?
2 – Can a single category be created, with the position icon as in the screenshot image?

Thank you

Hello,

Unfortunately, it is not possible.

You can set the color of the header in the shop page and it would be inherited by all the categories. https://xtemos.com/docs/woodmart/options-for-pages/

Best Regards

Hello,
I do not understand. Can you answer by points?

in any case to be clearer, the color I want to give on the category header should go above the image, so as to make texts and icons more evident

Thank you

Hello,

Navigate to the Dashboard > Pages

Find the shop page and edit, find this option and set the color https://prnt.sc/tieeg0

This color would be applied to all the categories, provided categories do not have their own images for heading.

Best Regards

Hello,
yes I understand what you say, Mah … that’s not what I’m asking you.
I have seen this option, I have already assigned a color, but this color is the background, if I add an image, the color is below.

What I’m asking is how to put a color between the background image and the category title, so as to make the category title and icons more evident.

Hello,

Please show me on the screen the area where you want to apply the color.

Best Regards

I am attaching screenshots.
The color you see is positioned between the image and texts and icons, it should cover the whole header

Thank you

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .page-title-default .nav-shop{
background-color:rgba(0,0,0,0.8);
}

If the code does not work on the category page, provide your site admin access.

Best Regards

Hello,
this code you provided does not fill the whole header.
I need code that fills the entire header.

Your access is already as an administrator
Thank you

Hello,

It is not possible to do for the whole header as it already has the bacground-image.

Best Regards

[Author]

Posts