I would like to change the button at the bottom of the full screen slider. I basically want to remove the white semi circle and change the color of the arrow to white so there is just a white down arrow showing. I want this to show up like this on mobile devices because the button as it stands right now takes up too much screen real estate. Here’s an example of what I am talking about from another theme:
http://artbees.net/themes/jupiter-one-page/
Thanks!
Hi djshortkut!
Thank you for using Enfold.
Please use this on Quick CSS or custom.css:
#top .scroll-down-link {
background: transparent;
color: white;
}
Cheers!
Ismael
Thanks Ismael, that’s exactly what I was looking for!
Can you also give me some quick css to move the button up a little bit from the bottom of the slider and I can adjust the pixels as needed?
Hi!
Use this code:
#top .scroll-down-link {
background: transparent;
color: white;
bottom: 10px; /* Adjust this to change its position */
font-size: 60px; /* Adjust this to change its size */
}
Best regards,
Josue
Resolved, thanks again for all the help!
You are welcome, glad we could help :)
Regards,
Josue