From: Steve Sutton Date: Tue, 24 Jan 2017 16:02:39 +0000 (-0500) Subject: Update style for grid view images. X-Git-Tag: v2.9.5^2~8 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=4f2811cb04cb6afa7dfc7875a8e66c0408e61986;p=WP-Plugins%2Fglm-member-db.git Update style for grid view images. Bigger images and no stretching. --- diff --git a/config/plugin.ini b/config/plugin.ini index 98ff8050..ae5c5a2f 100644 --- a/config/plugin.ini +++ b/config/plugin.ini @@ -1,14 +1,14 @@ ; ; Main Configuration File -; Gaslight Media Members Database Plugin +; Gaslight Media Members Database Plugin ; ; Image sizes array is outsize of the sections below and is added to $config after the section is selected. ; Any sizes added to this section will used by the Data Abstract to generate that size when images are uploaded. -; Crop value: +; Crop value: ; 1. If false (default), images will not be cropped. -; 2. If true, images will be cropped to the specified width/height aspect ratio. - +; 2. If true, images will be cropped to the specified width/height aspect ratio. + [imageSizes] large['width'] = 800 @@ -27,9 +27,9 @@ thumb['width'] = 60 thumb['height'] = null thumb['crop'] = null -grid['width'] = 360 -grid['height'] = 270 -grid['crop'] = null +grid['width'] = 565 +grid['height'] = 390 +grid['crop'] = 1 [common] diff --git a/css/front.css b/css/front.css index b8546b88..3aaad6b6 100644 --- a/css/front.css +++ b/css/front.css @@ -355,7 +355,7 @@ height: auto; } .glm-member-db-list .glm-member-list-image { - width: 100%; + /* width: 100%; */ } glm-member-db-list.glm-member-db-grid-view .glm-member-list-image { position: absolute; @@ -473,11 +473,12 @@ glm-member-db-list.glm-member-db-grid-view .glm-member-list-image { .glm-member-db-grid-view .glm-member-list-image { bottom: 0; left: 0; - min-height: 100%; - min-width: 100%; + /* min-height: 100%; */ + /* min-width: 100%; */ position: absolute; right: 0; top: 0; + margin: 0 auto; } /* * Grid-view styles end