# Optimizing the homepage display of the Foundation theme

**URL:** https://meta.discourse.org/t/foundation-theme/403802
**Category:** Development
**Created:** [May 26, 2026, 7:35am UTC](https://meta.discourse.org/t/foundation-theme/403802 "2026-05-26T07:35:31Z")
**Posts on this page:** 1
**Showing post:** 1

<div class="post-metadata">

### Author: ![sniper756](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sniper756/32/545002_2.png) [@sniper756](https://meta.discourse.org/u/sniper756)
#### Post date: [May 26, 2026, 7:35am UTC](https://meta.discourse.org/t/foundation-theme/403802/1 "2026-05-26T07:35:31Z")

</div>

Solve the issue in this post

[After the recent rebuild update, the homepage font became very small - Contributions / User Experience - Discourse Meta](https://meta.discourse.org/t/rebuild/403614)

Optimize the homepage display using a custom component:

Before optimization:

 ![Before adjustment](https://global.discourse-cdn.com/meta/original/4X/f/6/9/f69a16a718c81806ee281d5e76db648054e15d22.png)

After optimization:

 ![After adjustment](https://global.discourse-cdn.com/meta/original/4X/f/8/9/f89006e4019ac78cbabe1fce048049babfb7f3df.png)

Custom component CSS code:

```plaintext
/* ========== Ensure consistent top and bottom margins for category rows ========== */
.category-list tbody tr td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* ========== Overall font size for header columns "Category, Topics, Latest" ========== */
.category-list-header {
  font-size: 1.2rem !important;
}

/* Main category font size */
.category-list .category-name .badge-category__name {
  font-size: 1rem !important;
}

/* Subcategory font size */
.category-list .subcategory {
  font-size: 0.98rem !important;
}

/* Increase right padding for header column "Topics" */
.category-list-header .topics.topic-list-data.num {
  padding-right: 50px !important;
}

/* Increase right padding for data column "1 / Week" */
td.topics.topic-list-data.num {
  padding-right: 50px !important;
}

/* ========== Control font size for post count numbers ========== */
.topics .value {
  font-size: 1.5rem !important;
  font-weight: 600 !important;
}

/* ========== Control font size for unit "Week" ========== */
.topics .unit {
  font-size: 1rem !important;
}

/* ========== Adjust font size for featured topics on the right side ========== */

/* Featured topic title */
.featured-topic .title {
  font-size: 0.97rem !important;
  font-weight: 500 !important;
}

/* Last posted time (e.g., "30 days") */
.featured-topic .last-posted-at,
.featured-topic .relative-date {
  font-size: 0.9rem !important;
}

/* Topic status icons */
.featured-topic .topic-statuses {
  font-size: 0.97rem !important;
}

/* Spacing between individual featured topic blocks */
.featured-topic {
  margin-bottom: 2px !important; /* Space between topics */
  padding: 5px 0 !important; /* Top and bottom inner padding */
  line-height: 1 !important; /* Overall line height */
}

```

---

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