Set Up Helix Theme

To fully integrate Helix theme's design with Joomshaper Helix Ultimate template into EasyBlog, perform the following steps.

1. Configure EasyBlog to use the new Helix theme. To do so, head over to EasyBlog > Themes and set Helix as the default theme.

2. Make sure turn on Compile SCSS to CSS

   Templates > shaper_helixultimate > Template Options > Advanced > SCSS

   

3. Create a custom-eb.scss into templates/shaper_helixultimate/scss/custom-eb.scss

4. Apply these css codes into custom-eb.scss

   #eb .btn-primary {
       background: $link_color !important;
       border-color: $link_color !important;
       &:hover {
           border-color: $link_hover_color !important;
           background-color: $link_hover_color !important;
       }
   }
   #eb .eb-card,
   #eb .eb-showcases,
   #eb .eb-empty,
   #eb .eb-head,
   #eb .eb-table-filter {
       color: $text_color;
       background-color: $bg_color;
   }
   
   // Background Shade
   #eb .eb-comments-empty,
   #eb .eb-entry-author-recents {
       background-color: darken($bg_color, 3%);
   }
   
   #eb .eb-table tbody > tr td .post-title {
       color: $text_color;
   }
   #eb .eb-table tbody > tr td .post-meta a,
   #eb .eb-table tbody > tr td .post-actions a {
       color: $link_color;
   }
   #eb .eb-table tbody > tr td .post-meta a:hover,
   #eb .eb-table tbody > tr td .post-actions a:hover {
       color: $link_hover_color;
   }
   
   #eb .eb-post-hits, 
   #eb .eb-post-comments a,
   #eb .eb-card__title,
   #eb .eb-card__title a,
   #eb .eb-card__meta,
   #eb .eb-card__ft, 
   #eb .eb-card__ft a {
       color: $text_color;
   }
   
   

5. Open templates/shaper_helixultimate/scss/master.scss and insert @import 'custom-eb';