Customize the Category Header in Woodmart

[byontea]

Hi! I’d like to customize the category header, but I’m having some issues.

My goal is to create a button like this:
https://i.postimg.cc/G8RznB19/3.png

However, when I go to Woodmart > Products Archive > Category Style, there’s no option to customize it that way.
So I added some custom CSS in the Elementor Custom CSS section.

Here’s the result:
https://i.postimg.cc/62Kzx7N8/2.png
The problem is that the first parent category doesn’t get customized, as shown below:
https://i.postimg.cc/WDgSyGxZ/1.png

How can I fix this issue?
Is there another way to customize the category button?

Thank you!

• This topic was modified 2 months ago by byontea.
• This topic was modified 2 months ago by byontea.
• This topic was modified 2 months ago by byontea.

Hello,

Now I have checked your category page and the buttons are showing as you want.

See Screenshot for clarification: https://postimg.cc/V5BR785b

If you have any questions, feel free to contact us.

Best Regards,

yes. I would like to know:
exist a way to not use custom css but use tools of woodmart?
Because i feel my custom css is not mobile friendly or after some updating can break.

thank you

Hello,

However, in this case, the Woodmart theme doesn’t include a built-in option to create that exact button style for category headers through the theme settings.

If you want to avoid using custom CSS, you can create similar custom buttons directly in Elementor — for example, by adding a Button widget and linking it to the desired category URL. This way, you’ll have full control over the design.

Best Regards,

[Author]

Posts