Project

General

Profile

Support #4867

CSS Issue on JITP Site

Added by Laura Kane over 3 years ago. Updated over 3 years ago.

Status:
Resolved
Priority name:
Normal
Assignee:
Category name:
WordPress Themes
Target version:
Start date:
2015-11-05
Due date:
% Done:

0%

Estimated time:

Description

Hello,

The JITP site (https://jitp.commons.gc.cuny.edu) has a strange issue where featured posts in our "Short Form Pieces" section are not displaying uniformly. The posts should appear three across on each row (two rows total). Instead, one post is on a third row, leaving an empty space in the second row (scree shot attached). I have tried to fix this issue in the past but did not make any progress. Any suggestions would help tremendously!

Thank you!

Best,
Laura

History

#1 Updated by Boone Gorges over 3 years ago

Hi Laura - The first of these items ("Reflecting on...") is a few pixels higher than others in the row, which means that the next page in the document flow for the floated 4th item is directly to the right of the first, and under the 2nd. You can work around this by enforcing a minimum height on all the elements:

section#featured .featured-articles article {
    min-height: 350px;
}

#2 Updated by Boone Gorges over 3 years ago

  • Category name set to WordPress Themes
  • Status changed from New to Resolved
  • Assignee set to Boone Gorges
  • Target version set to Not tracked

#3 Updated by Laura Kane over 3 years ago

That fixed it! Thank you so much for this work around, Boone!

Also available in: Atom PDF