Before you ask please READ THIS

Increase the size of "to top" button

in FatMoon Posts: 55
Hi!
I want to increase the size of "to top" button. In theme I can only change the size of arrow icon inside button.

Comments

  • AirAir
    Posts: 10,970
    Hello:-)

    Yes, increasing size option is one things that waits in my TODO list :-)
    For now best way to do it will be custom CSS:
    a.to-top {
        width: 100px;
        height: 100px;
        line-height: 100px;
    /* below values should be half of above sizes */
        -webkit-border-radius: 50px;
        border-radius: 50px;
    }
    a.to-top::after {
        -webkit-border-radius: 100px;
        border-radius: 100px;  
    }
    With kind regards.
  • Posts: 55
    Thanks)
    But now the inside arrow is not in the center of the icon)
  • AirAir
    Posts: 10,970
    I don't see, this CSS added on your page. To top looks same size as originally :-)

    Remember that you can be "visually fulled" cause "to top arrow" is pointy and might not look like it is centered. You can adjust this by manipulating line-height from above CSS.

    With kind regards.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion