[Resolved] CSS for product categories

Home Forums Support [Resolved] CSS for product categories

Home Forums Support CSS for product categories

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1654658
    Kasper

    Hi,
    Can someone please help me with some CSS adjustments for my product categories on this page: http://osse.rugholm.com/produkt-category/alle/

    I would like two changes.

    1) The plus sign needs to be as far to the right as possible.
    2) For the category where the plussign is located (recovery boots), the product count and the plus sign is not aligned vertical with the text of the category (they are going below the text of the category). Is it possible to “lift” the plus sign and product count so they are aligned with the text of the product category like the other categories.

    #1654850
    Leo
    Staff
    Customer Support

    Hi there,

    Are you referring to the plus sign in the sidebar?

    That is a WooCommerce widget so you might need to check with their support team first.

    I also see that you’ve already added lots of custom CSS for it.

    #1655364
    Kasper

    Hi Leo.
    Its the plus sign next to the Recovery Boots category to the left.

    The styling and JS I found in a post here on this forum: https://generatepress.com/forums/topic/style-product-categories-in-left-sidebar/

    I just want to adjust the CSS. Can you help me with that?
    1) The plus sign needs to be as far to the right as possible.
    2) For the category where the plussign is located (recovery boots), the product count and the plus sign is not aligned vertical with the text of the category (they are going below the text of the category). Is it possible to “lift” the plus sign and product count so they are aligned with the text of the product category like the other categories

    #1655717
    David
    Staff
    Customer Support

    Hi there,

    you have this CSS:

    .woocommerce .widget_product_categories span.count {
        color: #808080;
        margin-left: 5px;
    }

    change it to:

    .woocommerce .widget_product_categories span.count {
        color: #808080;
        margin-left: 5px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex: 1;
    }
    #1655907
    Kasper

    Perfect – thanks a lot 🙂

    #1655997
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.