‹ 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

✔ Homepage - Mobile - Seas Spotlight posts have the line and it's oddly off to the right. Is it a right padding issue?

Veronica A. added this on
Completed by Kyle S.
Assigned to
Kyle Sullivan, Web Development at Diocesan Kyle S.
Notes
They haven't brought it up yet, but I'd like to fix it before they bring it up. 

Thanks!
Image-1.jpg 326 KB • Download

Comments & Events

Kyle Sullivan, Web Development at Diocesan Kyle Sullivan, Web Development
First, I centered the ::after lines with the following.
            .wp-show-posts-entry-header > h3 {
              font-family: $Lustria;
              font-weight: 600;
              position: relative;
              a {
                color: rgba($secondary, 0.85);
                &:hover, &:focus {
                  color: $secondary;
                  font-weight: 700; }
                &::after {
                  position: absolute;
                  content: "";
                  border-bottom: 1px solid $secondary;
                  width: 215px;
                  left: 50%;
                  transform: translateX(-50%);
                  margin: 0 auto;
                  bottom: -5px; }
…

And here's the second fix I did. It removes the extra “white space” around the entries in the SEAS Spotlight.
      .wp-show-posts-columns#wpsp-1526 {
        justify-content: space-evenly;
        margin: 0;
        .wp-show-posts-single {
          width: 30%;
          @media screen and (max-width: 900px){
            width: auto; }
…
Notified 1 person
Kyle Sullivan, Web Development at Diocesan
Kyle Sullivan completed this to-do.