As I’m trying out the slider element, I wonder how I could move the arrow so that it is not on top of the text I put in?
As you can see below, the red arrow is on top of the content. One way I think to go around this is to change the padding, which is not ideal due to the loss of responsiveness.
I understand that slider is essentially a special div, so would putting a column in it in this case the best way? I need the image to be on the right and the content on the left! At least for now
This is actually the best way. What do you mean by “not ideal due to the loss of responsiveness”?
Alternatively, you can also set negative left value for the left arrow, and negative right value for the right arrow to move them outside of the slider (but this will get your arrows cropped out on smaller breakpoints so you’ll have to give a padding to the slider’s parent container instead)
Another way is to hide the slider arrows, and use custom code to link clicks on other element/button/image (that you can place anywhere on the page) to trigger prev/next on the slider.
Hello! My understanding is that when you change the padding/margin to a set pixel value, the pixel value won’t change according to the screen size (because it is fixed). But I just played around with it, it seems that I may be mistaken?
But maybe you know what happened here? Is it the column that is doing it? hmmm
You can always open the read-only link to see how a showcased site is done
Most of the time you’ll need custom code to override styles that we don’t have access to in the designer, or scripts to workaround certain limitations.
