Assumption - Jacksonville, FL

Homepage - News - Style scroll arrows to match mockup

Assigned to
Kyle Sullivan, Web Development at Diocesan Kyle S.
Notes

Comments & Events

Kyle Sullivan, Web Development at Diocesan
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;
    }
  }
Kyle Sullivan, Web Development at Diocesan
Kyle Sullivan completed this to-do.