From aa0f7f3dbb374c961fc8184bf600515026804ba0 Mon Sep 17 00:00:00 2001 From: Andrew Engelbrecht Date: Wed, 31 Jul 2019 16:50:06 -0400 Subject: [PATCH] center tall but narrow images in product pages there should have been a better way to do this that did not depend upon removing "display: flex". there is even another part of the site where we use that along with "align-items: center", and that works fine there, but apparently not here. so i'm adding this workaround. --- css/style.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/css/style.css b/css/style.css index f726dc4..ad459c8 100644 --- a/css/style.css +++ b/css/style.css @@ -403,13 +403,14 @@ a { transition: 0.3s; } .page-node-type-product .product .field--name-field-image { padding: 10px; - display: flex; - align-items: center; - border: 1px solid #888; border-radius: 10px; } +.page-node-type-product .product .field--name-field-image img { + margin: 0 auto; +} + .page-node-type-product .product .field--name-field-extra-images { padding: 5px; -- 2.25.1