Streaming live at 10am (PST)

Slider Arrows Custimization


#1

Hey Guys,

how do I get the arrows in my slider working?


Here is my public share link: Link


#2

Hey @Maurice,

The easiest way is just adding a class on the initial arrow and custom it

Then add a class on Left Arrow and Right Arrow and do this


#3

Yeah, but the problem is that i would like to have both angles in a div to position it in the right bottom corner. In my shared link you can see that i have this achieved, but that are own arrows that in moment dosent trigger the slide.


#4

@Maurice,

If you strictly follow my steps the arrows will go on the right corner (double check margins/padding changed)


#5

@zbrah,

i did what you said, but it doesn´t work. My idea was to put both arrows in a div and than positioning that div absolute in the right bottom corner, but unfortunately i can´t move the arrows into a div.

In my Shared Webflow Link you can see that with the first slider i tried you method, in which the arrows work but not positioned correctly. In the second slider i deleted the initial arrows and created my own, which positioned correct but doesn´t work anymore.


#6

Ok i see @Maurice

Do this and this


#7

@zbrah,

i tried it out, but the result is not exactly what i want (see image below).
Please take a look at my Read-Only, than you can see my structure.


#8

Hi @Maurice,

I don't get it :smiley:
I've already done it (looking at your read only).

STEP 1

arrowclass need to be set for both the regular arrow icons

STEP 2

arrow left for the parent of arrow left icon

STEP 3

arrow right for the parent of arrow right icon

If you follow the step by step above it will work


#9

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.