Okay
  Public Ticket #3198626
Product grid layout issue
Closed

Comments

  • ugglanhelge started the conversation

    Hi,
    I'm setting a four column product category grid layout for WooCommerce, using this CSS code:

    /* Products */
    #main .products{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
    }

    However, the first cell on the first row is for some reason empty, which is not intended. I can not seem to change it. How do I fix this issue?

    And is there a way to set max amount of products shown in CSS?

  •  435
    David replied

    Hey there, can you send me your website URL where that happens so I can check it out?

    Best regards,
    WaspThemes team

    And don't forget to rate our plugin, it means a lot to us!

  • ugglanhelge replied

    Alright, apparently the issue only affects the mobile view, and only the dynamic (category) pages, such as:

    https://litdeparade.nu/shop/vinyl/

    Thanks for your help.

  •  435
    David replied

    Try adding this custom CSS


    ul.products::before, ul.products::after {display:none}

    Then you need to figure out this part as I see you have customized it and when you add my CSS it appears overlayed over the product. I tried fixing it, but you have a lot of rules where you've moved search bar to top and so on.

    8719123054.png

    Best regards,
    WaspThemes team

    And don't forget to rate our plugin, it means a lot to us!

  • ugglanhelge replied

    Thanks a bunch David, that did the trick!
    YellowPencil is the best wp-plugin I've come across, keep up the good work!

  •  435
    David replied

    Hi,

    Glad that worked :)  I’ll be closing this Ticket. Feel free to open a New ticket in case something else comes up. If you like my support, so please rate Me and My support on CodeCanyon site where you bought our theme that would be highly appreciated. Just sign in with your credentials on CodeCanyon and you will be able to give rating for our Theme https://codecanyon.net/downloads

    2980707987.png

    I would like to thank you in advance for taking your precious time to rate our plugin on CodeCanyon.



    Best Regards, WaspThemes

    Best regards,
    WaspThemes team

    And don't forget to rate our plugin, it means a lot to us!