# Air Theme

**URL:** <https://meta.discourse.org/t/air-theme/197703>\
**Category:** Theme\
**Tags:** air-theme\
**Created:** [July 20, 2021, 8:24pm UTC](https://meta.discourse.org/t/air-theme/197703 "2021-07-20T20:24:30Z")\
**Posts on this page:** 1\
**Showing post:** 328

<div class="post-metadata">

**Author:** ![UnitedFreedom](https://avatars.discourse-cdn.com/v4/letter/u/ac91a4/32.png) [@UnitedFreedom](https://meta.discourse.org/u/UnitedFreedom)\
**Post date:** [December 15, 2022, 6:01am UTC](https://meta.discourse.org/t/air-theme/197703/328 "2022-12-15T06:01:36Z")

</div>

### Here is my CSS changes to improve the Mobile View.

I absolutely love this theme, but noticed some little minor odd bits, so I also added the following CSS to make it look a little nicer in my perspective. I hope this helps someone else with the same preferences.

#### Here is the Original (Unedited)

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/6/6/466a811652ba917f27d86c63b4616d8c8d79827c.png)

#### Note the following in the picture above:

- The number 1 which represents the Replies is to far to the left.
- The topic bubble is slightly overlapping the blue background.
- There is no padding between all the content and the blue background.
- The blue background does not look nice in the category page. I love it on the home page though.

#### Here is the CSS code I added in the Mobile tab.

```plaintext
/* Add some padding to the Category, Sub-Category, Tags, searc, latest, new topic, and notification area*/
.list-controls {
    padding: 5px;
}

/* Adds some padding to the Topics area */
div#list-area {
    padding: 6px;
}

/* Aligns the Replies number more to the right */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
    float: right;
}

```

#### Updated (After adding the CSS)

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/1/3/c13d51fcf4e9b343c83254bf159872168c813702.png)

#### If you too, prefer to remove the blue background, here is the code to only remove it from the category pages.

```plaintext
/* Removes the blue background for category only */
html .category .background-container {
    background: #fff;
    clip-path: none;
}

```

#### Here is what It looks like with all the changes.

 ![image](https://global.discourse-cdn.com/meta/original/4X/5/c/5/5c58c73320e52aeb7ad479a095af714e4de7fd84.png)

---

_[View the full topic](https://meta.discourse.org/t/air-theme/197703)._