After the recent rebuild update, the homepage font became very small

[sniper756]

After the recent rebuild update, the font size for subcategory names and the latest topic titles on the homepage (when categories are set as the homepage) has become very small. How can I increase the font size within the red box on this page?

[Lilly (Lillian)]

i noticed this too with modernized foundation. looks like you have modernized foundation enabled? if you revert to old foundation, i think it goes back to the larger size.

recent changes that were made to the foundation theme might have had an effect on font size:

UX: Foundation theme category updates (#40011)

i used this to fix it on my site

.uc-modernize-foundation-theme {
    --d-topic-list-data-font-size: inherit;
}

[sniper756]

Yes, I’m using the modern theme. However, I tried reverting to the old version, and that didn’t work either. Please give it a try.

The current font size is too small and looks very out of place. I suggest changing it back

[Lilly (Lillian)]

both worked for me. perhaps it is another issue for you?

i’m not Team staff so i cannot revert anything.

[Orioni (John)]

Can confirm. Same issue when using Foundation, and when the homepage uses categories and features topics.

[Lilly (Lillian)]

disabling / re-enabling the modernize foundation theme in upcoming changes effect in categories with featured topics mode:

[sniper756]

Thanks, Lilly. It was due to the Modernize Foundation theme. I have switched back to the default Foundation theme.

[sniper756]

You’re right. I probably didn’t update the cache on my work computer, so even after switching back to the default Foundation theme, the font was still small. It’s fine now. I’ll stick with the default theme for now and switch back once the Modernize Foundation theme is fixed.

[sniper756]

Try disabling the Modernize Foundation theme and then clearing your browser cache.

[sniper756]

I’m not sure if it’s just my imagination, but when I switch back to the default Foundation theme, even though the font is larger, the line spacing still feels a bit narrower than before the upgrade.

[Lilly (Lillian)]

i suspect that perhaps the removed/replaced padding property affected some of the vertical spacing:

[sniper756]

Seems so. Even after reverting to the default Foundation theme, the line spacing in the recent topics row on the right side of the category page still seems a bit narrow. @jordan.vidrine, could you fix this?

[sniper756]

Temporarily resolve this using a custom component:

Optimizing the Foundation theme homepage display - Custom / Other - Discourse Meta

[jordan.vidrine]

I am finding it difficult to see a spacing issue in the red areas you’ve shown me in your screenshot. I am sorry about this and it may just be due to my ability to only read english text.

Do you have an example of what is expected visually?

[sniper756]

In summary:

1. Increase the font size of the subcategories and weekly post count (green box)

2. Increase the font size of the “Latest Topics” text on the right

3. Increase the font size of the “Categories”, “Topics”, and “Latest” (blue box) text

4. Increase the spacing in the black box

5. Increase the line spacing for topic rows on the right (yellow box area)

6. Ensure the heights in the red box area are consistent

Below is the default display:

Below is the result after I modified the component CSS:

The component CSS code can be found in this post:

Optimizing the homepage display of the Foundation theme - Development - Discourse Meta

[sniper756]

This might be more obvious:

Official default:

After customizing the component: