Back to the top button

CynthiaM · August 9, 2014

Could someone help me with code for a back to the top button? I would like to use this button:

which is located at this link; http://www.cynthiamerzerphotography.com/photos/i-7FZsMvc/0/O/i-7FZsMvc.png. I would like the button placed in the lower right corner.

Thanks!

bobbyhero · August 9, 2014

Add this HTML to your site:

<a href="#top"><img src="http://www.cynthiamerzerphotography.com/photos/i-7FZsMvc/0/O/i-7FZsMvc.png" border="none"></a>

MsMarniece · October 17, 2014

hey! I would like the same thing!! I used the same code ( with the image in my own gallery) I put it in my Themes CSS and it is not shoqwing up

Allen · October 18, 2014

bobbyhero wrote: »

Add this HTML to your site:

<a href="#top"><img src="http://www.cynthiamerzerphotography.com/photos/i-7FZsMvc/0/O/i-7FZsMvc.png" border="none"></a>

This goes in an html content box as high as you want to return to. Like above breadcrumb.

MsMarniece wrote: »

hey! I would like the same thing!! I used the same code ( with the image in my own gallery) I put it in my Themes CSS and it is not showing up

In that html box the CSS go in its CSS tab.

Allen · October 18, 2014

MsMarniece wrote: »

hey! I would like the same thing!! I used the same code ( with the image in my own gallery) I put it in my Themes CSS and it is not showing up

This is the complete code that goes in the html box using an image.
Notice the div ID, that's what is referenced in the CSS for formatting the button.

<div id="topButton">
<a href="#top"><a href="#top"><img src="http://www.cynthiamerzerphotography.com/photos/i-7FZsMvc/0/O/i-7FZsMvc.png" border="none" /></a>
</div>

This CSS sets the placement of the button display at the screen bottom.

#topButton {
position: fixed;
bottom: 0;
left: 50%;
...
...
}

Back to the top button

Comments