SaintPaddy SaintPaddy - 6 months ago 12
CSS Question

Customized Affixed "Back to Top" Link

I love this back to top link that Panman came up with. Is there a way of styling this through CSS? .... Is there a way to turn it from a square button to circle shape?

#top-link-block.affix-top {
position: absolute; /* allows it to "slide" up into view */
bottom: -82px; /* negative of the offset - height of link element */
left: 10px; /* padding from the left side of the window */
}
#top-link-block.affix {
position: fixed; /* keeps it on the bottom once in view */
bottom: 18px; /* height of link element */
left: 10px; /* padding from the left side of the window */
}


This is the CSS code provided, I can't seem to do much to style it.

Answer

use

#top-link-block a{
    border-radius:20px;
}
Comments