Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 27, 2018 at 12:58 pm #1002253
    annesite

    Hi,
    I have categories with sub-categories. I would like the hierarchy to be visible. I clicked on “show hierarchy” in the widget but it does not change anything. My 3 categories are Cooperation, esprit critique and graphisme. The rest are subcategories.
    I would like a small space left for the subcategories.

    I thought I could find an issue in this post (my side bar is at the right side and I want the text to be left. I’m not sure how to transform the code for my case)
    https://kriesi.at/support/topic/product-category-widget-does-not-align-categories-properly/#post-762514
    But It doesn’t work.

    Thanks in advance for your help.
    Best regards

    August 27, 2018 at 9:30 pm #1002450
    Basilis

    Hey annesite,

    The image is not visible can you please use a different service to post it?

    Best regards,
    Basilis

    August 27, 2018 at 10:31 pm #1002461
    annesite

    Hi Basilis,

    I don’t know how to send the image. It was just to show that I allowed to show hierarchy in the widget.
    I forgoted to send you a link where you could see the problem. Here it is.
    In my sidebar, my 3 categories (Cooperation, esprit critique and graphisme) are on the same level as subcategories (Fausses informations, interprétations d’images, and so on…).
    Is it a way to put a small space before the subcategories ? Just to make understand there are “under” the parent categories ?

    Thanks,
    Best regards,

    August 28, 2018 at 9:25 pm #1002832
    Basilis

    Hi,

    Can u tell me which one is subcategory so we can understand and check if we can do something on code?

    Best regards,
    Basilis

    August 29, 2018 at 12:06 pm #1003091
    annesite

    Hi Basilis,

    For the moment there are 5 categories (in bold) and 8 subcategories:
    Actu
    Coopération
    – Intelligence collective
    Esprit critique
    – Fausses informations
    – Interprétation d’images
    – Manipulation
    – Réseaux sociaux
    Graphisme
    – Images
    – Logo
    – Typographie
    Non classé

    But I may change or create new categories or subcategories.
    An idea would be to put the categories in “bold” and put a large “—” before the subcategories or a blank space.

    Thank you by advance,
    Best regards,

    August 29, 2018 at 12:41 pm #1003106
    Dude

    Hi!

    Please try to add this code to the quick css field or child theme style.css to style the subcategory items of the widget:

    
#top .widget ul.children li:before {
    content: "- ";
}

#top .widget ul.children {
    padding-left: 10px;
}

    Regards,
    Peter

    August 29, 2018 at 1:22 pm #1003123
    annesite

    Hi Dude,

    Thanks a lot, I ajusted a bit like that:
    #top .widget ul.children li:before {
    content: “• “;
    }
    #top .widget ul.children {
    padding-left: 15px;
    }

    But the categories are not in bold. Is it difficult to put it in bold ?
    Thanks,
    Best regards

    August 29, 2018 at 1:40 pm #1003129
    Dude

    Hi,
    This is also possible please try this code:

    
#top .widget ul li {
    font-weight: bold;
}

#top .widget ul.children li {
    font-weight: normal;
}

    Best regards,
    Dude

    August 29, 2018 at 1:44 pm #1003131
    annesite

    Thats’ perfect !

    I really appreciate all the staff you do all. It is really helpful.
    Thanks a lot !

    Best regards

    August 29, 2018 at 1:59 pm #1003140
    Dude

    Hi,

    Glad I could help you :)

    Best regards,
    Dude

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