Project

General

Profile

Actions
Copy link

Support #4867

closed

CSS Issue on JITP Site

Added by Laura Kane about 9 years ago. Updated about 9 years ago.

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

0%

Estimated time:
Deployment actions:

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

Files

Screen Shot 2015-11-05 at 11.14.10 PM.png (173 KB) Screen Shot 2015-11-05 at 11.14.10 PM.png Laura Kane, 2015-11-05 11:14 PM
Actions
Copy link
 #1

Updated by Boone Gorges about 9 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;
}
Actions
Copy link
 #2

Updated by Boone Gorges about 9 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
Actions
Copy link
 #3

Updated by Laura Kane about 9 years ago

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

Actions
Copy link

Also available in: Atom PDF