search

WordPress / gutenberg

The Block Editor project for WordPress and beyond. Plugin is available from the official repository.
https://wordpress.org/gutenberg/
Other
10.41k stars 4.16k forks source link

If you set a global link font size in the FSE editor and styles you can't overwrite it with blocks #64976

Open NikoVee opened 1 month ago

NikoVee commented 1 month ago

Description

Hey there,

There seems to be an overriding issue with the default link size. If you set a size of the links to use for example medium size. You can't overwrite the links with the block options. This is especially useful in the menu area.

Step-by-step reproduction instructions

  1. Install default WordPress
  2. Go to styles > Fonts > Set for example large
  3. Open header area in the editor.
  4. Try to change the navigation block for Small
  5. If you try to add any other link for the header or somewhere else. Only the default size is used.

Screenshots, screen recording, code snippet

Image from Gyazo

Environment info

WordPress version 6.6.1 Theme Twenty Twenty-Four

Please confirm that you have searched existing issues in the repo.

Please confirm that you have tested with all plugins deactivated except Gutenberg.

NikoVee commented 1 month ago

Just to add this seems to be an issue with the ollie theme also. The css that is causing this is:

a:where(:not(.wp-element-button)) { font-size: var(--wp--preset--font-size--medium); }