Aligning Flex Items for Storefront Product Listings

Hi,

I use the Storefront theme, and I need to display each product li in the products grid with the flex or grid display-option to be able to order the contents as I want them to be. But I don’t know how I can align the items in the product li element as I want.

At the link provided, at the bottom of the page this standard and customized product list shows three products (so it is not the table above it). I have assigned the product li items display: flex; and flex-direction: column;, and have I have ordered them as I want. I want to align the .onsale and the .price elements next to each other, and centered together horizontally. And I want to align the .quantity and .add_to_cart_button also next to each other and centered together horizontally.

Does anyone know how I can achieve this?

Thanks for any help,
Almir

• This topic was modified 2 years, 10 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

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