‹ Home
Exported

Assumption - Jacksonville, FL

Gary Smith, Web Department Director at DiocesanBlake Stapleton, Web Designer at DiocesanVeronica Alvarado, Project Manager at DiocesanMary Goeldel, DiocesanKyle Sullivan, Web Development at DiocesanSam Pohlman, Web Developer at DiocesanDanae Chudy, Web Designer at DiocesanNathalie Shultz, Web ConsultantDianna Hinschberger, Assumption Catholic Church - Jacksonville StaffCody Armock, Web Content Specialist at DiocesanMeg Viggiani, Assumption Catholic Church - Jacksonville StaffMarcus Borger, Developer at Diocesan_SupportRyan Hoch, Web at DiocesanRachel Tupper +2 others
From the list: Build

✔ Homepage - News - Style scroll arrows to match mockup

Veronica A. added this on
Completed by Kyle S.
Assigned to
Kyle Sullivan, Web Development at Diocesan Kyle S.
Notes

Comments & Events

Kyle Sullivan, Web Development at Diocesan Kyle Sullivan, Web Development
I added the arrow icons to Assumption's img folder and changed /sass/site/secondary/home/_homeNewsSection.scss to the following.
  .homeNewsSection {
    margin: 0;
    .slick-prev, .slick-next {
      top: 25%;
      &::before {
        position: absolute;
        content: "";
        background-repeat: no-repeat;
        background-size: 21px 40px;
        color: $tertiary;
        font-size: 1.5rem;
        width: 21px;
        height: 40px;
      }
    }

    .slick-prev::before {
      background-image: url("/wp-content/themes/Assumption/img/Arrow-L.png");
      margin-right: 1.25rem;
    }

    .slick-next::before {
      background-image: url("/wp-content/themes/Assumption/img/Arrow-R.png");
      margin-left: 1.25rem;
    }
  }
Notified 1 person
Kyle Sullivan, Web Development at Diocesan
Kyle Sullivan completed this to-do.