[Support request] Woocommerce Widget styling

Home Forums Support Woocommerce Widget styling

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #983586

    Hi, I’ve some questions concerning the styling of the widgets in woocommerce:

    1. Category widget: The hierachie of subcategories in the category widget is not really visible. Is it possible to style this differently?

    Category widget in GP
    Category widget alternative

    2. Product widgets: How can I increase the size of the product images in product widgets? Would it also be possible to move the images to the left? How can I add some line between the single lines

    Product widget GP
    Product widget alternative

    Best regards

    Customer Support

    Hi there,

    1. the default Woocommerce Widget has very little customisation options, nested child categories is not one of them. You would need a plugin like this:


    2. Can you provide a link to your site so i can check the CSS required.


    Hi David,

    many thanks.

    Please have a look at this site: Shop Example.

    BR Maike

    Customer Support

    Try this CSS:

    .widget_recently_viewed_products li,
    .widget_recently_viewed_products li a,
    .widget_products li,
    .widget_products li a {
        display: grid !important;
        grid-template-columns: 60px auto;
        grid-gap: 5px;
    .widget.widget_recently_viewed_products li a,
    .widget_products li a {
        grid-column: 1 / -1;
    .widget_recently_viewed_products span,
    .widget_recently_viewed_products div,
    .widget_products span,
    .widget_products div {
        grid-column: 2;
    .widget.widget_recently_viewed_products li a img,
    .widget_products li a img {
        width: 50px !important;
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.