WordPress.org

Make WordPress Core

Opened 2 months ago

Last modified 2 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:

Description

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

Desktop View
https://t2.dcompany.site/wp-content/uploads/2021/05/Screenshot-2021-05-24-11.31.40-AM.png

Mobile View
https://t2.dcompany.site/wp-content/uploads/2021/05/Screenshot-2021-05-24-12.08.05-PM.png

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 2 months ago.
Twenty Nineteen
single-product-2021.png (579.0 KB) - added by justinahinon 2 months ago.
Twenty Twenty One

Download all attachments as: .zip

Change History (4)

#1 @deborah86
2 months ago

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

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

#2 @justinahinon
2 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).

@justinahinon
2 months ago

Twenty Nineteen

@justinahinon
2 months ago

Twenty Twenty One

Note: See TracTickets for help on using tickets.