Avada Forums Community Forum toTopHover Contrast Error – remove opacity

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • zurfluhc
    Participant
    Post count: 14

    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
    Participant
    Post count: 873

    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
    Participant
    Post count: 14

    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
    Participant
    Post count: 873

    You are welcome. Good job!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.