Default styles changed for the featured grid.

diff --git a/css/front.css b/css/front.css
index f792401..4af4fc8 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -611,31 +611,6 @@ glm-member-db-list.glm-member-db-grid-view .glm-member-list-image {
 .glm-member-detail-logo-wrapper {
     text-align: center;
 }
-.glm-member-list-featured-tag {
-    background-color: green;
-    color: white;
-    float: none;
-    margin: 0 auto;
-    width: 25%;
-    font-size: 14px;
-    font-weight: bold;
-    padding: 5px 20px;
-    position: absolute;
-    text-shadow: 1px 0 white;
-    text-transform: uppercase;
-    text-align: center;
-    z-index: 1;
-    border-radius: 4px 4px 0 0;
-    top: -28px;
-    /* transform: translateX(-50%); */
-    left: 65%;
-    min-width: 120px;
-}
-@media (max-width: 640px) {
-    .glm-member-list-featured-tag {
-        left: 50%;
-    }
-}
 #glm-member-detail-featured-image-wrapper {
     border-radius: 4px;
     clear: both;
@@ -1123,12 +1098,45 @@ glm-member-detail-content-toggle {
 */
 
 /* Featured Grid Start */
-#featured-grid {
+.glm-member-list-featured-tag {
+    background-color: green;
+    color: white;
+    float: none;
+    margin: 0 auto;
+    width: 25%;
+    font-size: 14px;
+    font-weight: bold;
+    padding: 5px 20px;
+    position: absolute;
+    text-shadow: 1px 0 white;
+    text-transform: uppercase;
+    text-align: center;
+    z-index: 1;
+    border-radius: 4px 4px 0 0;
+    top: -28px;
+    transform: translateX(-50%);
+    left: 50%;
+    min-width: 120px;
+}
+@media (max-width: 640px) {
+    .glm-member-list-featured-tag {
+        left: 50%;
+    }
+}
+#glm-featured-members-title {
+    text-align: center;
+}
+#glm-featured-members-grid {
     list-style: none;
     overflow: hidden;
     text-align: center;
+    background-color: grey;
+    margin-bottom: 40px;
+    box-shadow: 0px 0px 11px -1px grey;
+    border-radius: 3px;
+    padding: 5px;
 }
-#featured-grid .featured-grid-item-wrapper {
+#glm-featured-members-grid .featured-grid-item-wrapper {
     padding: 10px;
     list-style: none;
     display: inline-block;
@@ -1149,7 +1157,8 @@ glm-member-detail-content-toggle {
         margin: 0 auto;
     }
 }
-#featured-grid .featured-grid-item {
+#glm-featured-members-grid .featured-grid-item {
+    background: white;
     border: 1px solid lightgrey;
     border-radius: 4px;
     display: block;
@@ -1158,20 +1167,23 @@ glm-member-detail-content-toggle {
     box-shadow: 1px 1px 8px 0px lightgrey;
     overflow: hidden;
 }
-#featured-grid .featured-grid-item .featured-grid-item-info {
+#glm-featured-members-grid .featured-grid-item .featured-grid-item-info {
     padding: 10px;
     max-height: 180px;
 }
-#featured-grid .featured-grid-item .glm-member-list-has-image {
+#glm-featured-members-grid .featured-grid-item .featured-grid-item-info .featured-member-title {
+
+}
+#glm-featured-members-grid .featured-grid-item .glm-member-list-has-image {
     max-height: 225px;
     overflow: hidden;
     transition: all 0.5s ease-in-out;
 }
-#featured-grid .featured-grid-item .glm-member-list-has-image .glm-member-list-image {
-    min-height: 225px;
+#glm-featured-members-grid .featured-grid-item .glm-member-list-has-image .glm-member-list-image {
     transition: all 0.5s ease-in-out;
+    min-height: 225px;
 }
-#featured-grid .featured-grid-item:hover .glm-member-list-has-image .glm-member-list-image {
+#glm-featured-members-grid .featured-grid-item:hover .glm-member-list-has-image .glm-member-list-image {
     transform: scale(1.1);
     transition: all 0.5s ease-in-out;
 }

diff --git a/views/front/members/list.html b/views/front/members/list.html
index f3230f4..5a41e2d 100755 (executable)
--- a/views/front/members/list.html
+++ b/views/front/members/list.html
@@ -203,9 +203,9 @@
         {/foreach}
         {if $haveFeaturedMembers}
             
-            <h3>Featured {$terms.term_member_plur_cap}</h3>
+            <h3 id="glm-featured-members-title">Featured</h3>
             
-            <ul id="featured-grid" class="">
+            <ul id="glm-featured-members-grid" class="featured-grid small-block-grid-1 medium-block-grid-2 large-block-grid-3">
                 {foreach $featuredMembers as $fm}
                     <li class="featured-grid-item-wrapper">
                         {if $settings.list_show_detail_link && !$fm.has_no_profile.value}