Opened 3 years ago

Closed 18 months ago

#5821 closed defect (bug) (fixed)

Prevent layout shift on showcase feature banner

Reported by: jonoaldersonwp's profile jonoaldersonwp Owned by:
Milestone: Priority: low
Component: Showcase Keywords: seo performance


The hero banner on causes considerable layout shift as it loads. This should be corrected by implementing the following CSS:

  • Add display:block, object-fit:cover and height:310px to .screenshot
  • Change height to 336px on .wpsc-hero-slide-container
  • Set a min-height of 22px on .wpsc-slide-pager

Change History (1)

#1 @coffee2code
18 months ago

  • Resolution set to fixed
  • Status changed from new to closed

Thanks for the report and patch! In the time since this ticket was created, a completely new theme was implemented and released for the WordPress Showcase.

The code is available at, where development, feature requests, and bug reports are being handled.

The new theme does not appear to exhibit the issue reported here.

Note: See TracTickets for help on using tickets.