WordPress.org

Make WordPress Core

Opened 3 weeks ago

Last modified 10 days ago

#49137 new defect (bug)

Twenty Twenty: When widget titles are labels, font is too small

Reported by: zoonini Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords: needs-patch
Focuses: Cc:
PR Number:

Description

When a widget title is a label element, the font size is too small, and inconsistent with other widget titles.

To replicate:

  1. Add a widget to one of the footer widget areas that uses a label element as the title. Example: [Jetpack subscriptions widget](https://jetpack.com/support/subscriptions/)
  2. View site on the front end

Result
The widget title is too small.

Expected
The widget title size should match the other widget titles.

Expected
I used the following custom CSS to work around the issue:

.widget-title label {
  font-size: 4rem;
  }
}

Before custom CSS fix

https://cldup.com/Bz3qiyd76X-3000x3000.png

After custom CSS fix

https://cldup.com/A0vYzw6CBU-3000x3000.png

Can be seen in action in the footer of my personal site: https://kpresner.com/

Change History (4)

#1 @joyously
3 weeks ago

Expected
The widget title size should match the other widget titles.

Why would you expect this widget title to match others? The plugin chose to make it different for a reason. There's no sense in making themes try to match what all the plugins can do.

#2 @zoonini
3 weeks ago

Why would you expect this widget title to match others?

I tested the same widget in Twenty Seventeen, Twenty Sixteen, and Twenty Fifteen, and the widget title's size matches that of others widgets in those themes. This issue looks like an oversight in this specific theme rather than any intentional design decision in the plugin.

#3 @zoonini
3 weeks ago

It's also possible that other plugins use a label element in widget titles as well, and will experience this same visual issue.

#4 @SergeyBiryukov
10 days ago

  • Keywords needs-patch added
Note: See TracTickets for help on using tickets.