Slider block custom arrows

  • Resolved labyrinthman

    (@labyrinthman)


    2 years, 6 months ago

    Hello,

    I would like to add custom arrows to the slider.
    I have been trying to achieve that with custom CSS code but whenever I add my arrows I still have black squares on the slider.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter labyrinthman

    (@labyrinthman)

    I have found a way, I have solved it like this: 

    	 .fas.fa-chevron-circle-left{
color: transparent !important;
width: 81px;
height: 183px;
background: url( https://celestyal.com/wp-content/themes/ftheme/src/images/Elements_ButtonLeft.svg );
  background-repeat: repeat;
background-repeat: no-repeat;
left: -53%;
position: relative;
top: -79%;
}

 .fas.fa-chevron-circle-right{
color: transparent !important;
width: 137px;
height: 89px;
background: url( https://celestyal.com/wp-content/themes/ftheme/src/images/Elements_ButtonRight.svg );
  background-repeat: repeat;
background-repeat: no-repeat;
left: -81%;
position: relative;
top: -93%;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Slider block custom arrows’ is closed to new replies.

Tags