Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Button text align

Home Forums Support Button text align

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #158486
    Dani

    Hi Tom,

    I’m a new user, happy with GP!

    I have a question:

    I have placed a button in the Home page but don’t show correctly: Text is not centered.

    The code I put:

    .button {
    height: 50px;
    width: 80px;
    }
    .button.white,
    .button.white:visited {
    background: #ffffff;
    color:#f39c12;
    border: 2px solid #F39C12;
    }

    .button.white:hover {
    background: #F39C12;
    color:#FFFFFF;
    border: 2px solid transparent;
    }

    And the link & class:

    Blog

    What am I doing wrong ? The text is moved to the left and up.

    Thanks a lot !

    Dani
    https://about.me/aticbcn

    #158495
    Dani

    Excuse me, here you can see the link:

    <a class="button white" href="#">Blog</a>

    Dani
    https://about.me/aticbcn

    #158540
    Tom
    Lead Developer
    Lead Developer

    Hi Dani,

    I would remove:

    .button {
        height: 50px;
        width: 80px;
    }

    Instead, use padding:

    .button {
        padding: 10px 15px;
    }

    That will center the text 🙂

    #158776
    Dani

    Ok thanks !
    Dani

    Dani
    https://about.me/aticbcn

    #158785
    Tom
    Lead Developer
    Lead Developer
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.