Skip to content

Instantly share code, notes, and snippets.

@neilgee

neilgee/flexbox-woo-products.css

Last active September 16, 2021 13:47
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save neilgee/1c9331da705deff44ea20ba52658b762 to your computer and use it in GitHub Desktop.
Save neilgee/1c9331da705deff44ea20ba52658b762 to your computer and use it in GitHub Desktop.
Download ZIP
Flexbox on WooCommerce Products
Raw
flexbox-woo-products.css
/* Flexbox on WooCommerce archive products */
.woocommerce .products ul,
.woocommerce ul.products {
display: flex;
flex-flow: row wrap;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
display: flex;
flex-flow: column nowrap;
}
.woocommerce ul.products li.product .button {
margin-top: auto;
display: table;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment