Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 28, 2024 at 4:53 pm #1446860
    welswebmaster

    Hi Enfold team,
    I’m wanting to replace the “^” for the top of page link with instead the site’s favicon image (jpg). I didn’t see anything in the forum. How might I attempt this?
    Thanks for your help.

    May 28, 2024 at 5:07 pm #1446861
    Guenni007

    a fast way might be to only replace the content:

    #scroll-top-link[data-av_icon]::before {
  content: url(/wp-content/uploads/myTest.svg);
}

    But I only tested it with an svg file, so I had no problems getting the dimensions to fit.

    May 28, 2024 at 6:14 pm #1446864
    welswebmaster

    Hey Guenter,
    Well aren’t you fast! Thanks for the help. I also had to include the following to make it work for us. Hope this gives other inspiration. Have a great day and please close ticket. Thank you!

    #scroll-top-link[data-av_icon]::before {
    content: url(/wp-content/uploads/top.svg);
    }
    #scroll-top-link.avia_pop_class, #av-cookie-consent-badge.avia_pop_class {
    opacity: 1;
    visibility: visible;
    }
    html, #scroll-top-link, #av-cookie-consent-badge {
    background-color: transparent !important;
    }
    #scroll-top-link, #av-cookie-consent-badge {
    border: none !important;
    }

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Top of Page link with icon’ is closed to new replies.