Home Slider Arrows Not Displaying Properly

Hello @jadealger1

This issue appears similar to a previous report (https://projectdmc.org/support/topic/issue-with-slider-buttons/). Here is a CSS fix you can implement. Please add the following CSS and let us know if it works for you.

button.slick-next.slick-arrow {
    width: 35px;
    height: 75px;
    margin: -37px 0 0;
    display: block;
    background: url(/wp-content/themes/virtue/assets/img/slide_direction.png) no-repeat 0 0;
        background-position: 100% 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    ms-filter: "alpha(opacity=00)";
    filter: alpha(opacity = 00);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
button.slick-prev.slick-arrow {
    width: 35px;
    height: 75px;
    margin: -37px 0 0;
    display: block;
    background: url(/wp-content/themes/virtue/assets/img/slide_direction.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    ms-filter: "alpha(opacity=00)";
    filter: alpha(opacity = 00);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

Hi Gilbert, Thank you so much! That solved it!