‹ Home
Exported

Elizabeth Ann Seton - Lake Ridge, VA

Gary Smith, Web Department Director at DiocesanVeronica Alvarado, Project Manager at DiocesanSam LanningKyle Brown, Web Development at DiocesanViolet LaVille, St. Elizabeth Ann Seton StaffFr. Bashista, St. Elizabeth Ann Seton StaffStan?, IT Committee at St. Elizabeth Ann Seton StaffPatrick Suess, IT Committee at St. Elizabeth Ann Seton StaffDonna Engborg, Communications Manager at St. Elizabeth Ann Seton StaffMary Goeldel, DiocesanKyle Sullivan, Web Development at DiocesanSam Pohlman, Web Developer at DiocesanViolet Personal Email, Personal Email at St. Elizabeth Ann Seton StaffViolet LaVille New, New Email at St. Elizabeth Ann Seton StaffJeanne, St. Elizabeth Ann Seton Staff +6 others
From the list: Update Development Site - Shared with Client

✔ Mobile - Posts - Update spacing between featured image and content

Veronica A. added this on
Completed by Kyle S.
Assigned to
Kyle Sullivan, Web Development at Diocesan Kyle S.
Due on
Notes
They want the space to be the same amount of space that is between paragraphs, as seen here:
IMG_5874.PNG 3.49 MB • Download

Comments & Events

Kyle Sullivan, Web Development at Diocesan Kyle Sullivan, Web Development
I believe I've resolved this, but I'm happy to make any additional changes, if requested. That said, here's what I did.

I removed the margin on this media query, as it was only adding unnecessary space.
@media (max-width: 768px){
  .single .content-area .site-main .entry-content img {
    width: 100%;
  }
}

I also removed the margin-top for the first heading in the body with the following code (this includes <p> because there were some posts where they used the WYSIWYG to make custom titles).
.post-content {
  width: 65%;
  h1, h2, h3, h4, h5, h6, p {
    &:first-child {
      margin-top: 0;
    }
  }
}
I've reviewed a significant sample of their posts, and this seems to cover everything requested by this task.
Notified 1 person
Kyle Sullivan, Web Development at Diocesan
Kyle Sullivan completed this to-do.