Using Custom CSS, I revamped my Hashnode blog.

Using Custom CSS, I revamped my Hashnode blog.

Santhosh Thomas's photo
Santhosh Thomas

Visit: blog.santhoshthomas.xyz

.blog-theme-switcher {
    display: none;
}

.blog-header{
    padding: 10px 0;
    background: blue;
    color: #000;
    border-bottom: none;
}

.blog-author-container{
    background-color:#5f3fff !important;
    border-bottom-right-radius: 20rem;
    border-bottom-left-radius: 20rem;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.blog-post-card{
    padding: 2rem 1.5rem;
    border-radius: 0.8rem;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.blog-theme-switcher, .blog-settings, .new-story-button{
    color: #000;
}

.blog-social-media-section a, .blog-sub-header-nav a{
    color: #000;
    border-radius: 5px;
    opacity: 100%;
}

.blog-sub-header-nav a.blog-nav-active{
    background: #000;
    color: #FFF;
}

.blog-author-area-photo{
    border: 5px solid #ffd600;
}
.blog-author-container .blog-author-area-name {

}

.blog-author-container p{
      color: #919191;
}

.blog-author-card{

    margin-bottom: -1rem;
    border-radius: 0.8rem;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}

.blog-post-card-cover a, .mode-dark .blog-post-card-cover a{

}

.blog-post-card-title {
    font-family: 'Manrope', sans-serif;
}

.blog-author-area {
    position: relative;
    font-family: 'Manrope', sans-serif;
}

.blog-content-area {
     font-family: 'Manrope', sans-serif;
}

.blog-post-card-brief {
     font-family: 'Manrope', sans-serif;
}

.blog-post-card-brief a{
     font-size: 0.9rem;
     color: #919191;
}
.blog-post-card-cover {
    margin-top: unset;
}

.blog-content-main {
    font-family: 'Inter', sans-serif;

}

.dark .bg-white {

}

.blog-author-card {

}

.blog-followers-count {
    display:none;
}

.blog-body {

}

.dark .blog-footer-area {
}
HashnodeCSSblogstyling