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