SOLUTION: How to change icons for up/down

I don’t like the styling (especially the dots!!)

So here is how to change the icons

1. Upload new images (PNG with a transparent background if you want transparent ones)
2. Mark down the width and height of your new image
2. Change your site CSS (Simple CSS plugin is good) to the following:

NOTE: Change the URL, width, height,

.page-scroll-buttons button.one-page-up {
    background-image: url('/wp-content/uploads/2021/10/arrow-up-1.png');
}
.page-scroll-buttons button.one-page-down {
    background-image: url('/wp-content/uploads/2021/10/arrow-down-1.png');   
}
.one-page-up, .one-page-down {
    width:20px !important;
    height:38px !important;   
}
button:not(:hover):not(:active):not(.has-background) {
    background-color:unset !important;
}
button:focus {
    outline:unset !important;
}

Feel free to steal these arrows if you want

https://centinl.engineering/wp-content/uploads/2021/10/arrow-down-1.png
https://centinl.engineering/wp-content/uploads/2021/10/arrow-up-1.png

• This topic was modified 3 years, 4 months ago by themj.