Adding "Back To Top" Button on Penscratch Theme.
-
My blog using Penscratch Theme.
Recently, I’m trying to adding “Back to Top” button to my blog. I’m using this html and put this to text widget:
<div style=”display:scroll;position:fixed;bottom:10px;right:20px;”>
<img src=’back to top image’ />
</div>The problem is, the button not displaying on my blog.
Need your help. Thanks.
The blog I need help with is: (visible only to logged in users)
-
Ups, the complete html that I use is:
<div style=”display:scroll;position:fixed;bottom:10px px;right:20px;”>
<img src=’image-url’ />
</div> -
Ups, the complete html that I use is:
<div style=”display:scroll;position:fixed;bottom:10px px;right:20px;”>
<a href=’#’ title=’Back to Top’
<img src=’image-url’ /></div>
-
Your anchor tag is not closed.
Ideally you don’t need a div. Is there a reason why you are using the div? The following markup does the trick:
<a href="#"> <img src="image-url"> </a>You can add a div. Just remove
position:fixed;which is screwing up the page flow. -
<div style="display:scroll;bottom:10px px;right:20px;"> <a href="#" title="Back to top"> <img src="http://s3.amazonaws.com/kpcbweb/companies/451/logo/grid_3/codecademy-logo-black.jpg"> </a> </div>is the complete markup that worked for me.
-
-
-
Check my test site: https://chaittestpress.wordpress.com/
The text widget with this markup is at the end of the right hand sidebar.
-
- The topic ‘Adding "Back To Top" Button on Penscratch Theme.’ is closed to new replies.