Skip to content

Instantly share code, notes, and snippets.

@omurphy27

omurphy27/slick-slider-prev-next.css

Last active July 29, 2020 19:27
Show Gist options
  • Save omurphy27/a4736e58520a8d6d2006 to your computer and use it in GitHub Desktop.
Save omurphy27/a4736e58520a8d6d2006 to your computer and use it in GitHub Desktop.
Download ZIP
Styling Previous and Next buttons in Slick Slider with Font Awesome Icons
Raw
slick-slider-prev-next.css
/* Must include Font Awesome (here: https://fortawesome.github.io/Font-Awesome/get-started/) for icons to show up */
.slick-prev,
.slick-next {
font-size: 0;
position: absolute;
bottom: 20px;
color: #d5122f;
border: 0;
background: none;
z-index: 1;
}
.slick-prev {
left: 20px;
}
.slick-prev:after {
content: "\f104";
font: 40px/1 'FontAwesome';
}
.slick-next {
right: 20px;
text-align: right;
}
.slick-next:after {
content: "\f105";
font: 40px/1 'FontAwesome';
}
.slick-prev:hover:after,
.slick-next:hover:after {
color: #7e7e7e;
}
@vivekkumawat
Copy link

Hi, I have updated the code with the latest version of slick slider: https://gist.github.com/c8351e28412a194aac977bf996c4a6d8

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment