Black Friday Sale! Get up to $40 off GP Premium!Learn more

[Support request] Catalog Sub Items Indented

Home Forums Support Catalog Sub Items Indented

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #469282
    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)

    GeneratePress 2.0.1
    GP Premium 1.5.6
    #469370
    Leo
    Staff
    Customer Support

    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?

    #469408
    Michael

    Yes sidebar in the shop page.

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

    #469524
    Leo
    Staff
    Customer Support

    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.

    #469534
    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.

    #469540
    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.

    #469712
    Leo
    Staff
    Customer Support

    Try this CSS:

    li.cat-item:not(.cat-parent) {
        padding-left: 10px;
    }
    #469771
    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

    #469928
    Leo
    Staff
    Customer Support

    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.

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.