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

    On my site I have the products category pages set to display 4 rows and 16 products per page. However some pages there are gaps – for example 2 rows show four products, the next row has 1, the fourth 4 and a fifth 3. It looks odd and I can’t figure out what is causing this behavior. I searched the code and tried different solutions.

    #953159

    Hey stevegjacobs,

    Thanks for the link. Please try the following in Quick CSS under Enfold->General Styling:

    .shop_columns_5 .products .product {
        min-height: 450px;
    }

    Best regards,
    Rikard

    #953391

    Hi
    Thanks, that helped, but I have another issue. I don’t want a sidebar on the page, but it looks like it is still being rendered though nothing is in it. There are four images per row, though I’ve set it to be 5, and they are all shifted toward the left instead of centred on the site. If I change the number of images to 4 per row, only 3 per row are displayedm and they are still shifted to the leftf. Is there some way to centre the images?
    Thanks
    Steve

    #954274

    Hi Steve,

    Thanks for the feedback, it’s not a sidebar although it looks like it. Please try this CSS as well:

    .shop_columns_5 .products .product {
        width: 19% !important;
    }

    Best regards,
    Rikard

    #954415

    Thanks Rikard, that did the trick. Except I wanted 4 columns instead of 5. I put in this code to get 4 columns to lay out nicely:
    .shop_columns_4 .products .product {
    width: 24% !important;
    }

    Best regards
    Steve

    #954722

    Hi Steve,

    Glad that Rikard helped you and that the changes you made worked perfectly. :)
    Let us know if you need further assistance or if we can close this thread.

    Best regards,
    Nikko

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