Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 16, 2014 at 6:35 pm #210789
    sbrohamm

    I was wondering if there was a way to edit the back to top arrow button that shows up when scrolling down a page.

    I’d like it to say “Back to Top” instead of the standard arrow. Is this possible?

    Also, if this is possible, can I assign which font to use for this? The reason I ask this is, I’ve seen where people replace the red link arrow that shows up when you hover over an image with a link but the text that replaces the arrow is a generic font that doesn’t match the theme’s default font.

    Thanks!

    January 16, 2014 at 7:22 pm #210840
    Ismael

    Hey sbrohamm!

    Edit footer.php, find this code on line 168:

    
<a href='#top' title='<?php _e('Scroll to top','avia_framework'); ?>' id='scroll-top-link' <?php echo av_icon_string( 'scrolltop' ); ?>></a>

    Replace it with:

    
<a href='#top' title='<?php _e('Scroll to top','avia_framework'); ?>' id='scroll-top-link'>Back to top</a>

    Add this on Quick CSS:

    #scroll-top-link {
height: 50px;
width: 80px;
font-size: 10px;
}

    Best regards,
    Ismael

    January 16, 2014 at 7:36 pm #210847
    sbrohamm

    Perfect as usual!

    Thanks Ismael. You guys are awesome!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Editing Back to Top Button’ is closed to new replies.