Stuart Wright
Well-known member
I can share what I did for AVForums. We have the black medium sized button, so that's what I created.Nope, not for this one. I just wanted a basic addon and changing it will require too much time. But if someone wants to do it, that will be nice.
First I edited the gototop phrase to clear out the text.
Then I added this css to our avforums.css. Other people will want to put it in EXTRA.css.
Code:
#toTop:before, #toTopIE:before, #toTopHover:before, #toTopHoverIE:before {
content: "\f077 ";
font-family: fontawesome;
font-size: 16px;
line-height: 50px;
padding: 16px;
}
#toTop:before, #toTopIE:before {
background-color: @tooltipBackground;
}
#toTopHover:before, #toTopHoverIE:before {
color: @dimmedTextColor;
}
#toTop, #toTopIE, #toTopHover, #toTopHoverIE {
background: inherit;
border-radius: 10px;
border: 2px solid @pageBackground;
position: fixed;
right: 10px;
bottom: 10px;
width: inherit;
height: inherit;
}
#toTop, #toTopIE {
color: @textCtrlBackground;
text-decoration: none;
text-indent: inherit;
z-index: 6000000;
}
#toTopHover, #toTopHoverIE {
opacity: 0;
}
z-index needs to be ridiculously high to ensure the button stays above advertising components: http://www.iab.net/guidelines/508676/508767/displayguidelines
Last edited: