Disabling Top Articles

Updated 6 months ago by Jarratt Isted

Disabling on different templates

From our experience top articles are helpful for customers as they guide them towards the most useful articles. We don't offer a native way to turn off top articles, but you can hide to easily with a little CSS.

You'll need to paste all your CSS into the Custom CSS box in Settings

These CSS selectors are likely to change in the future, and might have changed already. They may need adapting for your theme.

Disabling on different templates

Depending on the template you're currently using, you'll need to use a certain code block. You can find out what template is active on your account by heading to Settings > Brand and looking under Template.

Curve

Here's the CSS to disable the top articles section below the search bar

/* Disable Top Articles */
          #home .row:first-of-type {
            display: none;
          }

Boxed, Bars, and Stacked

Here's the CSS you'll need to disable the top articles section in the header:

/* Disable Top Articles */
          #header #top-articles-container {
              display: none;
          }

eCommerce

Here's the CSS you'll need to disable the top articles section under your category cards:

/* Disable Top Articles */
          #home #top-articles-container {
              display: none;
          }

Expanded

Here's the CSS you'll need to disable the top articles section to the left of your other category cards:

/* Disable Top Articles */ 
          #main[data-hd-template="expandedv3"] #home #category.top-articles { 
              display: none; 
          }