[wp-trac] [WordPress Trac] #52823: CSS Alignment issue on WooCommerce product category page

WordPress Trac noreply at wordpress.org
Mon Mar 15 23:34:57 UTC 2021

#52823: CSS Alignment issue on WooCommerce product category page
 Reporter:  otisliddy     |      Owner:  (none)
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Menus         |    Version:  5.6.2
 Severity:  major         |   Keywords:
  Focuses:  ui, css       |
 -- Steps to recreate --
 1. Open https://hullabaloo.ie/product-category/napkin-shop/ on desktop
 2. Make sure window is wide enough (about 1000 pixels or half a monitor's
 3. Observe 4th & 5th and 8th and 9th products have no gap between them

 -- Details --
 Some elements on the WooCommercne product category grid listing seem to
 strangely have margin-right hardcoded as zero, causing some product to be
 "stuck together". This appears to be inherited from a page-level CSS class
 ".woocommerce ul.products li.product a img, .woocommerce-page ul.products
 li.product a img". I do not know how to fix this using WordPress. Is it a
 case that I am misusing or misconfiguring the page?

 Please could you acknowledge receipt of this message by replying to
 otisliddy at gmail.com and hullabaloo at info.com, even if you don't have an
 immediate fix or answer.

Ticket URL: <https://core.trac.wordpress.org/ticket/52823>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform

More information about the wp-trac mailing list