Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 9, 2025 at 8:50 pm #1485246
    GWS

    Hi,
    The custom colors in the back to top #scroll-top-link CSS are no longer displaying the arrow color. Instead it looks like a black box with nothing in it and then on hover a red box with nothing in it. The expectation is a white or black arrow within the box. The CSS we are using is listed below.

    Comet cache has been cleared and then deactivated. Under Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression, the appropriate options has been selected and Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files has been enabled. It didn’t make a difference.

    Advice is appreciated as to how to correct this. Website URL in private content. Thanks.

    #scroll-top-link {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    }
    #scroll-top-link:hover {
    background-color: #e3002a !important;
    border: 1px solid #e3002a!important;
    color: #000000 !important;
    }

    June 10, 2025 at 4:31 am #1485256
    Ismael

    Hey GWS,

    Thank you for the inquiry.

    Try to include this css code.

    #scroll-top-link.avia-svg-icon svg:first-child, #scroll-top-link.avia-svg-icon:hover svg:first-child {
    stroke: #ffffff;
    fill: #ffffff;
}

    Result:

    View post on imgur.com

    Best regards,
    Ismael

    June 10, 2025 at 3:50 pm #1485285
    GWS

    That works! Thanks, Ismael!

    June 10, 2025 at 6:58 pm #1485298
    Rikard

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Scroll-top-link CSS no longer displaying arrow color’ is closed to new replies.