Global Styles -> Typography -> Links overriding block-specific settings

[jamiepalatnik]

What

Right now, it seems that global styles settings for Links override the Navigation block settings. For example, if there is a custom font size set for Links, selecting any font size in the Navigation block settings will not apply any changes.

I would expect to be able to customize the menu font size using the Navigation block settings, even if there are custom global styles settings.

Why

It can cause confusion when a user tries to change the font size of the menu in the Navigation block settings and nothing happens.

This was the case when trying to guide a user to change the font size in this follow-up ticket: 6027253-zd-woothemes

Discussed on Slack: p1678306490128969-slack-C03TY6J1A

How

No response

[github-actions]

Support References

This comment is automatically generated. Please do not edit it.

• 6027253-zen
• 7465210-zen

[cuemarie]

📌 ACTIONS

• Feature request kept

📌 Note

• There are a few reports about the Global Styles overriding block-specific settings that I wanted to note here:
  • [Bug]: Site Title Block - Global Link Styles are applied to Site Title #72743
  • Paragraph Font Family overridden by Global Style Link Font Family for links in the Paragraph #74280

This was reported as a feature request because in the slack thread linked above, it was noted that:

the font size for the Navigation block applies it to the li element, and the setting in Global Styles applies it to the a inside that li, so the a sizing wins

[cuemarie]

• I've seen a few reports of Global Styles overriding block-specific settings, both here and in /gutenberg; wondering if this larger discussion is relevant: Global Styles: Confusing UX when styles are overridden from multiple sources WordPress/gutenberg#45086

[liviopv]

• 7465210-zd-a8c Custom font set for Links overrides Site Title Block

[Copons]

I'm closing this because it's a Core Gutenberg issue originating from the lack of Link style controls on blocks containing links. From a CSS cascading perspective, the problematic behavior is correct; however, in a real web design scenario, link styles are almost always overridden when used on primary layout elements (such as the site title or the navigation).

Here is a couple of directly related issues that are actively in progress:

• Link and :hover styles in Navigation block being overridden by core block styles WordPress/gutenberg#62987
• Block styles: reflect inherited global styles values in block appearance controls WordPress/gutenberg#64670