Custom CSS

Please copy the CSS snippets you need below and paste them at

Appearance -> Customize -> Additional CSS

~ Change image page 404

.nc-Page404 header .nc-NcImage img {
   opacity: 0;
}

.nc-Page404 header .nc-NcImage {
    background-image: url('YourImageUrl');
    background-size: contain;
}

~ Hidden Author on Post-cards

.nc-PostCardMeta a.relative.flex.items-center.space-x-2, 
.nc-PostCardMeta span.mx-\[6px\].font-medium {
    display: none;
}

.nc-PostMeta2 a.block.font-semibold {
  display: none;
}

.nc-CardAuthor2 {
    height: 0;
    overflow: hidden;
    opacity: 0;
}

~ Change line-clamp on post card title:

.nc-card-title .line-clamp-1, .nc-card-title .line-clamp-2 {
    -webkit-line-clamp: 4 !important;
}

~ Change BG on home page:

.nc-BgGlassmorphism .bg-\[\#ef233c\] {
   background-color: yourcolorhex !important;
}

.nc-BgGlassmorphism .bg-\[\#04868b\] {
   background-color: yourcolorhex !important;
}

~ Hidden reading-time:

span.span-reading-time.rt-reading-time {
   display: none !important;
}

.nc-PostMeta2 span.mx-2.font-semibold,
.nc-CardAuthor2 span.hidden.lg\:inline.mx-1.transition-opacity {
    display: none !important;
}

.nc-PostMeta2 span.text-neutral-700.dark\:text-neutral-300:last-child {
    display: none;
}

~ Hidden ViewCount on Single page

.nc-SingleMetaAction2__views {
   display: none !important;
}

~ Hidden both Like button and Comment button

.nc-PostCardLikeAndComment {
   display: none !important;
}

~ Hidden Like button on post card


.ncmaz-button-like-post {
   display: none !important;
}

~ Hidden Comment button on post card


.nc-PostCardCommentBtn {
   display: none !important;
}

Last updated