Make WordPress Core

Opened 8 months ago

Last modified 6 months ago

#53268 new defect (bug)

Twenty Twenty: WooCommerce Styles on Product Page are Inconsistent

Reported by: deborah86 Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.7.2
Component: Bundled Theme Keywords:
Focuses: css Cc:


The styles on the WooCommerce product pages are inconsistent and don't match. This is true in both desktop and mobile views.

Desktop View

Mobile View

From the images you can see:

  • The paragraph text in the description is different from the paragraph text in the long description
  • All the headings are indented except for the H2 heading.
  • The inner bullet points are not indented
  • There isn't proper spacing between the inner bullet points
  • The bullet points are outside the content area
  • The font family of the bulleted text is different form the paragraph text
  • The quote is indented

Attachments (2)

single-product-2019.png (655.6 KB) - added by justinahinon 8 months ago.
Twenty Nineteen
single-product-2021.png (579.0 KB) - added by justinahinon 8 months ago.
Twenty Twenty One

Download all attachments as: .zip

Change History (5)

#1 @deborah86
8 months ago

I forgot to mention the "Description" is smaller than the normal h2's that are in the theme.

Last edited 8 months ago by deborah86 (previous) (diff)

#2 @justinahinon
8 months ago

Thank you for opening this @deborah86.

I can confirm the reported issues. And they also happen on some other recent default themes (Twenty Nineteen and Twenty Twenty One).

8 months ago

Twenty Nineteen

8 months ago

Twenty Twenty One

#3 @deborah86
6 months ago

Has this been updated? The status is still awaiting review.

Note: See TracTickets for help on using tickets.