[Resolved] Category widget – indentation in CSS

[Jiri]

Hi!

I have an eshop and i’m using category widget in sidebar.
The problem is, that even with “Show hierarchy”, the hierarchy is not visible.
Is it possible to create some indentation with CSS and set some offset or special character (just) for the second level of category?
Thanks in advance for your help!

Best regards Jiri

[Leo]

Hi there,

Any chance you can link me to the page? Thanks!

[Jiri]

Sure, here is it …

[Leo]

Try this CSS:

.inside-left-sidebar .product-categories .children {
    padding-left: 15px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know.

[Jiri]

Great!
Thank you very much for your help!

[Leo]

No problem!

[Jiri]

One more question to this topic, please.
Can you help me to identify the parent category with css?
I can’t find the right class. I would like to change the font size and color for the parent category name.
Thank you very much for your help!

Best regards Jiri

[Leo]

Try this:

.inside-left-sidebar .product-categories .cat-parent > a {
    font-size: 20px;
    color: #000000;
}

[Jiri]

Great!
Your support is simply amazing!
Thank you very much again!

Jiri

[Leo]

You’re very welcome 🙂

[Author]

Posts