toTopHover Contrast Error – remove opacity

[zurfluhc]

#683070

I need to change the toTopHover – getting a Web Accessibility Error – Contrast Errors opacity: .9;
Very Low Contrast

If I remove Opacity I do not get error. Custom CSS did not work.

<span class=”screen-reader-text” style=”color: rgb(0, 35, 156); background-color: rgb(51, 51, 51);”>
Go to Top
</span>

[marklchaves]

#683128

Try tweaking these CSS values. Add !important as needed.

#toTop {
 background-color: pink;
}

#toTop:before {
 color: red;
}

#toTop:hover {
 background-color: yellow;
 opacity: 1;
}

https://theme-fusion.com/documentation/avada/how-to/how-to-apply-custom-css/

[zurfluhc]

#683173

Thank You. I set opacity to 1 and this worked. There are so many issues with this theme and Web Accessibility. I appreciate your response.

[marklchaves]

#683539

You are welcome. Good job!

[Author]

Posts