---
title: "Condense Top Article Spacing on Bars V4"
description: "Our Bars V4 template has a large header to make the top articles stand out. If you want to make the header a little smaller you can add some code to condense it down a little so they appear side-by-s…"
url: "https://support.helpdocs.io/article/lqnkod9fzw-condense-top-article-spacing-on-bars-v-4"
category: "Code Snippets"
updated_at: "2023-04-14T13:40:53Z"
---

# Condense Top Article Spacing on Bars V4

Our Bars V4 template has a large header to make the top articles stand out. If you want to make the header a little smaller you can add some code to condense it down a little so they appear side-by-side.

![](https://files.helpdocs.io/Ytt2uahFxY/articles/lqnkod9fzw/1603321909215/screen-shot-2020-10-22-at-00-11-34.png)

This code snippet works with our stock V4 Bars theme. If you're using a custom version [using HTML templates](/article/l8q1fmsnx7-getting-started-with-a-custom-html-template) there may be other customizations required.

### Condense Top Article Spacing on Bars V4

1. Head to **Settings** > **Code** > **CSS**
2. Paste the following code:

```css
@media only screen and (min-width: 1000px) {    #topArticles .taList {        grid-template-columns: 1fr 1fr 1fr;    }}
```

1. Hit **Save Changes**

Now your top articles will show side-by-side in a nice little row 💖