Scroll top of page

Hi,

I have this css code here and i do have the scorll button as well and i'm using Alt template , i did add this code to the common.css but it's not working !

#back-to-top {
    background: rgba(0, 161, 224, 0.8) url("../images/arrow-up-large.png") no-repeat scroll center center;
    border: 1px solid;
    bottom: 20px;
    color: #00A1E0;
    display: inline;
    font: 0px/0 a;
    height: 40px;
    position: fixed;
    right: 20px;
    text-shadow: none;
    width: 40px;
    z-index: 100;
    transition: all 0.2s ease-out 0s;
}

is there somewhere else where i have to insert this css or...

Thanks

if its not scrolling its a JavaScript problem not css

Try this solution...

Edit common.css and add this to the end and save.

.back-to-top {

background: none;

margin: 0;

position: fixed;

bottom: 20px;

right: 0;

width: 70px;

height: 70px;

z-index: 200;

display: none;

text-decoration: none;

color: transparent;

background-color: transparent;

}

.back-to-top i {

  font-size: 40px;

}

Then open up _footer.html and add this to the top and save.

<a href="#" class="back-to-top" style="display: inline;">

<i class="fa fa-arrow-circle-up"></i>

</a>

[edit]

I forgot... please add this to the _footer.html as well.

<link rel="stylesheet" id="font-awesome-css" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" type="text/css" media="screen">

Clear your cache and it should work..

you can see in action here. 

http://cdn1.floridabeachwebcams.com/

I think it's needing a js to work properly !

have you tried this? 

http://www.boonex.com/m/scroll-to-top-lite-2013-04-02

it's free

 I never noticed that.. lol