Resolved #3875

modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Shared/Styles/_bootstrap-overwrite.scss

@@ -1,7 +1,15 @@
-a, a:hover {
-    text-decoration: none;
-    color: #000000;
-} 
+.post-content {
+    color: #555; 
+    a {
+        text-decoration: underline !important;
+        color: #555;
+    }
+
+    a:hover {
+        text-decoration: underline !important;
+        color: #000000;
+    }
+}
 p { 
     color: #444;
     a {

modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Shared/Styles/_custom.scss

@@ -1,4 +1,14 @@
-@media (min-width: 767px) {
-    .box-articles  { 
-    } 
-}
+ 
+
+.box-articles {
+    h3 {  
+        a {
+            color: #000;
+            font-weight: 700;
+
+            &:hover {
+                text-decoration: none;
+            }
+        }
+    }
+} 

modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Shared/Styles/_home.scss

@@ -6,11 +6,35 @@
         overflow: hidden;
 
         .hero-content {
+            h1 {
+                margin-top: 2em;
+                font-size: 2em;
+                font-weight: bold;
+                line-height: 1.25;
+
+                a {
+                    color: #000;
+                    font-weight: 700;
+
+                    &:hover {
+                        text-decoration: none;
+                    }
+                }
+            }
+
             h2 {
                 margin-top: .5rem;
                 font-size: 1.75em;
                 font-weight: bold;
                 line-height: 1.25;
+
+                a {
+                    color: #000;
+
+                    &:hover {
+                        text-decoration: none;
+                    }
+                }
             }
         }
 

modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Shared/Styles/blog.css

@@ -3,10 +3,15 @@
   background: white;
   padding: 10px;
   font-family: 'Open Sans', Helvetica, Arial, sans-serif;
-  font-size: 16px; }
-  div.vs-blog a, div.vs-blog a:hover {
-    text-decoration: none;
-    color: #000000; }
+  font-size: 15px; }
+  div.vs-blog .post-content {
+    color: #555; }
+    div.vs-blog .post-content a {
+      text-decoration: underline !important;
+      color: #555; }
+    div.vs-blog .post-content a:hover {
+      text-decoration: underline !important;
+      color: #000000; }
   div.vs-blog p {
     color: #444; }
     div.vs-blog p a {
@@ -96,11 +101,25 @@
     div.vs-blog .hero-section .hero-articles {
       position: relative;
       overflow: hidden; }
+      div.vs-blog .hero-section .hero-articles .hero-content h1 {
+        margin-top: 2em;
+        font-size: 2em;
+        font-weight: bold;
+        line-height: 1.25; }
+        div.vs-blog .hero-section .hero-articles .hero-content h1 a {
+          color: #000;
+          font-weight: 700; }
+          div.vs-blog .hero-section .hero-articles .hero-content h1 a:hover {
+            text-decoration: none; }
       div.vs-blog .hero-section .hero-articles .hero-content h2 {
         margin-top: .5rem;
         font-size: 1.75em;
         font-weight: bold;
         line-height: 1.25; }
+        div.vs-blog .hero-section .hero-articles .hero-content h2 a {
+          color: #000; }
+          div.vs-blog .hero-section .hero-articles .hero-content h2 a:hover {
+            text-decoration: none; }
       div.vs-blog .hero-section .hero-articles .tags .tag {
         background: rgba(208, 208, 208, 0.3);
         color: #fff !important; }
@@ -294,5 +313,10 @@
       width: 64px; }
     div.vs-blog .comment-area .answer-avatar {
       width: 64px; }
+  div.vs-blog .box-articles h3 a {
+    color: #000;
+    font-weight: 700; }
+    div.vs-blog .box-articles h3 a:hover {
+      text-decoration: none; }
   div.vs-blog > .form-group {
     margin: 0 !important; }

modules/blogging/src/Volo.Blogging.Web/Pages/Blogs/Shared/Styles/blog.scss

@@ -3,7 +3,7 @@ div.vs-blog {
     background: white;
     padding: 10px;
     font-family: 'Open Sans', Helvetica, Arial, sans-serif;
-    font-size: 16px;   
+    font-size: 15px;   
     @import "bootstrap-overwrite.scss"; 
     @import "header.scss";  
     @import "home.scss";