I was messing around with this tutorial (https://css-tricks.com/slider-with-sliding-backgrounds/) where you can shift the background image by either scrolling or clicking some buttons at the bottom. When I try to reposition the buttons, the first two disappear.
https://codepen.io/chriscoyier/pen/Fkczq
So here is the code that styles the buttons:
.slider-nav a {
width: 10px;
height: 10px;
display: inline-block;
background: #ddd;
overflow: hidden;
text-indent: -9999px;
border-radius: 50%;
}
When I try to change the position to anything but default, the first two buttons are nowhere to be found:
.slider-nav a {
position: fixed;
top: 100px;
right: 100px;
width: 10px;
height: 10px;
display: inline-block;
background: #ddd;
overflow: hidden;
text-indent: -9999px;
border-radius: 50%;
}
I’m very new to all this so I would really appreciate any help, thanks.
