updated .user-block & .widget-user

build/scss/_miscellaneous.scss

@@ -70,7 +70,7 @@
 
 // User block
 .user-block {
-  @include clearfix;
+  float: left;
 
   img {
     float: left;
@@ -88,11 +88,13 @@
   .username {
     font-size: 16px;
     font-weight: 600;
+    margin-top: -1px;
   }
 
   .description {
-    color: #999;
+    color: $gray-600;
     font-size: 13px;
+    margin-top: -3px;
   }
 
   &.user-block-sm {

build/scss/_social-widgets.scss

@@ -17,7 +17,7 @@
       @include border-top-radius($border-radius);
     }
 
-    height: 120px;
+    height: 135px;
     padding: 1rem;
   }
 
@@ -25,7 +25,7 @@
   .widget-user-username {
     font-size: 25px;
     font-weight: 300;
-    margin-bottom: 5px;
+    margin-bottom: 0;
     margin-top: 0;
     text-shadow: 0 1px 1px rgba($black, 0.2);
   }
@@ -40,7 +40,7 @@
     left: 50%;
     margin-left: -45px;
     position: absolute;
-    top: 65px;
+    top: 75px;
 
     > img {
       border: 3px solid $white;

pages/widgets.html

@@ -1897,7 +1897,7 @@
             <!-- Widget: user widget style 1 -->
             <div class="card card-widget widget-user">
               <!-- Add the bg color to the header using any of the bg-* classes -->
-              <div class="widget-user-header bg-info-active">
+              <div class="widget-user-header bg-info">
                 <h3 class="widget-user-username">Alexander Pierce</h3>
                 <h5 class="widget-user-desc">Founder & CEO</h5>
               </div>
@@ -1943,8 +1943,8 @@
               <!-- Add the bg color to the header using any of the bg-* classes -->
               <div class="widget-user-header text-white"
                    style="background: url('../dist/img/photo1.png') center center;">
-                <h3 class="widget-user-username">Elizabeth Pierce</h3>
-                <h5 class="widget-user-desc">Web Designer</h5>
+                <h3 class="widget-user-username text-right">Elizabeth Pierce</h3>
+                <h5 class="widget-user-desc text-right">Web Designer</h5>
               </div>
               <div class="widget-user-image">
                 <img class="img-circle" src="../dist/img/user3-128x128.jpg" alt="User Avatar">