Increase base font-size on make blogs

[williampatton]

The font sizing and color on the make blog is considered hard to read (by me but also by others as well).

I propose we increase the font-size inside of the post bodies to match a baseline of 16px.

Also consider adjusting the color of the text which is currently #555 - I suggest going to #333 but the sizing is much more important than the color in my view.

[aristath]

Thank you @williampatton for creating this ticket :)
+1 from me... I regularly find myself reading meta posts on the emails and not on .org because of the .org styles. The font-size on the site is too small (13.65px) and really hard to read.

Using a minimum font-size of 16px for all content on .org and somewhat darker than the #555 we currently use would significantly improve the readability of .org.

The main culprit for all my difficulties is the html{font-size:62.5%;} we have there and I find myself opening dev tools and disabling that line way too often.

This applies both to make blogs and also handbooks etc (basically anything that lives on make).

[williampatton]

I think changing the size from the html tag is one option but we could also adjust this directly on the <p> tag that might have less side-effects and be an easier solution.

A style rule exists in the style.css file that sets font size on p, ul and ol to a font-size of 1.05em. If we adjust it to 1.25em that gets us to about 16px without causing too many other problems (the main .make-welcome bar does end up with text too large but I think that can be accounted for easily).

p, ul, ol {
    font-size: 1.25em;
    line-height: 1.6;
}

[williampatton]

current size

[williampatton]

increased font size

[aristath]

Definitely looks a lot better

[dd32]

I've started down this road, but quickly got lost in a complicated mess of sizes.. Testing against ​https://make.wordpress.org/core/reports/ and a few random handbook pages in addition to the o2 front page would be welcome.

It's worth noting, that we can only affect the styles in the wporg-breathe theme, the base styles from o2 and p2-breathe can't be edited without being overrides.

[paaljoachim]

Great! I was about to create a new trac issue mentioning a need for a bigger font size for the handbooks. I see that is being handled in this ticket.

I look forward to seeing the change. Thank you!

[paaljoachim]

I sent a direct message to @dd32 Dion and he told me that the stylesheet for wordpress.org is a mess. Making even changing font size difficult.

So it seems that with the current theme that this will not happen for now.

I suggest for a feature project for 5.8 to create a Full Site Editing theme for wordpress.org.

[dd32]

In 11564:

Make: Attempt to increase the font size.

I expect there are some things broken, so please report them on the ticket below.

See #5353.

[SergeyBiryukov]

The blue navigation menu on ​https://make.wordpress.org/core/ looks a bit too small and does not match the rest of the page. Similar menus on ​Support Forums or the ​Translate site have a larger font and look better.

[dd32]

In 11566:

Make: Match the subheader styles closer to that of other themes.

Props SergeyBiryukov, dd32.
See #5353.

[dd32]

In 11569:

Make: Sidebar widget headings don't need to be so large.

See #5353.

[coffee2code]

In 11784:

Breathe: Account for recently increased font size by increasing spacing between elements at the top of handbook pages for multi-handbook sites.

See #5353.

[coffee2code]

Closing as fixed. Enough time has passed without further feedback or complaints.