Scroll To Top: customize hover state
-
Dear @mariusjopen,
I'm looking for a way to change the color of a link "Scroll to top" on hover.
I added "Scroll to top" to a block and I can't give it another color during a mouse hover.I tried to target the ".scrolltotop" class, and to create an ID and a new class for this block.
Unfortunately I didn't succeed in making one of these solutions work.
I certainly made a writing error in my css code.Do you have an idea what could work?
Thanks :)
-
Dear @Ilina-Catana
you need to address the link inside the class and also make use of !important.Best!
Marius
-
Dear @mariusjopen,
thanks a lot for your answer!About the link inside the class:
I inspected the page and can't find a "href" for "text lay-textformat-parent scrolltotop" (see screenshot).
Would it be something like ".scrolltotop a"?Thanks a lot!
Best,
Ilina -
:D
.scrolltotop:hover>*{ color: blue!important; }
-
Dear @mariusjopen
thanks you so much!
It was the ">*" that I was missing...
Problem solved, and I learned something :) :)Thanks for taking the time!
Best :)
Ilina
-
I don't answer or check forum DMs, please just post on the forum.
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it