[Support request] Catalog Sub Items Indented

[Michael]

Under the Catalog Items displayed in the sidebars. Where do I set the sub catalog items to be left indented inward?

Replace the (…) with spaces. Video is the main category and Camera, Accessories, tripods are sub categories. FYI: I manually added ‘> ‘ in front in the text to indent but it shows in other area which is not acceptable. I need to space indent.

Example:
Video Gear (89)
…Cameras (23)
…Accessories (12)
…Tripods (34)

Right now it shows like this: (You can not see that its indented)
Video Gear (89)
Cameras (23)
Accessories (12)
Tripods (34)

[Leo]

Hi there,

Are you referring to the sidebar in the shop page?

Currently looks like only Featured Products is under sub category and all others are parent category?

[Michael]

Yes sidebar in the shop page.

The Items are the Main Category and the sub Categories, two levels

[Leo]

I don’t see the sidebar with products anymore: https://s18.postimg.org/du0z6kprt/2018-01-12_1217.png

And looks like you are now using Elementor. If you want to continue using Elementor, you will need to check with their support.

Let me know if you decide to use GP instead.

[Michael]

Sorry you caught me right in the middle of testing.

It is now back.

Yes I am using Elementor and they told me to contact you because the Product Categories widget properties is controlled by your theme and your CSS.

[Michael]

Sorry you caught me right in the middle of testing.

It is now back.

Yes I am using Elementor and they told me to contact you because the Product Categories widget properties is controlled by your theme and your CSS.

This is what I would like to see with the indent.
https://prnt.sc/hzn19e

This ‘>’ I actually put in the catalog name but discovers it now shows in the menus (of course).
https://prnt.sc/hzn292

So the goal is to fix the ident on sub cats of cats.

[Leo]

Try this CSS:

li.cat-item:not(.cat-parent) {
    padding-left: 10px;
}

[Michael]

Hello

Well that kinda works. I added it to the EditCSS under Appearance Customize.

1. https://shop2.360rize.com/shop/
Strange it indents Featured Products for some reason when it is a primary primary cat level.

2. https://shop2.360rize.com/product-category/360-video-gear/
If I click 360 Video Gear every other category both the primary and sub-category is indented. Not just the items under 360 Video Gear.

It should look like this: https://prnt.sc/hzs3g3

I have also made you a test admin account.

Thank you again for your support

[Leo]

1. Hmm this is what I see from the code: https://s18.postimg.org/3vbvq20a1/2018-01-13_0640.png
As you can see only one is without cat-parent class.

2. This one is opposite: https://s18.postimg.org/r9jv26sjt/2018-01-13_0643.png
Only one of of them has cat-parent class.

If this is different than what you have, then you will need ask WooCommerce support why it’s happening as this is their widget.

[Author]

Posts