Ask Your Question

How can the Arrow buttons be modified in the Slick slider?

asked 2023-03-09 11:00:00 +0000

lalupa gravatar image

edit retag flag offensive close merge delete

1 Answer

Sort by ยป oldest newest most voted

answered 2023-02-09 13:00:00 +0000

bukephalos gravatar image

The Arrow buttons can be modified in the Slick slider by using the following CSS code:

To change the Arrow button background color:

.slick-prev, .slick-next {
   background-color: #000;

To change the Arrow button color:

.slick-prev:before, .slick-next:before {
   color: #fff;

To change the Arrow button size:

.slick-prev, .slick-next {
   font-size: 30px;

To change the Arrow button position:

.slick-prev, .slick-next {
   top: 50%;
   transform: translateY(-50%);

Note: The above CSS code is just an example. You may need to modify the CSS code and values as per your requirement.

edit flag offensive delete link more

Your Answer

Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss

Add Answer

Question Tools


Asked: 2023-03-09 11:00:00 +0000

Seen: 8 times

Last updated: Feb 09 '23