Last product in grid not aligning

  • Resolved eainnem

    (@eainnem)


    6 years, 1 month ago

    Hello!

    As you can see, here the final product on the list doesn’t align correctly on the grid. Initially, the final product wasn’t on the same row at all so I added the following to a custom CSS widget. (I tried adding it directly to stylesheet.css but it doesn’t work from there)

    .woocommerce-page ul.products li.first {
clear: none!important;}

    This code worked in bringing the last product to the row it should be on, but it no longer aligns in a uniform grid as it should. How can I fix this?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi there,

    You can try adding this CSS code and it might do the trick: 

    
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
    margin-right: 3.8%;
}

    I hope that helps.

    Thread Starter eainnem

    (@eainnem)

    Nice! That worked. Thank you ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Last product in grid not aligning’ is closed to new replies.