Archived topic

Button text align

4 replies · Started by Dani on December 7, 2015

Viewing posts 1–5 of 5

December 7, 2015 at 3:13 am #158486

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:

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

Thanks a lot !

December 7, 2015 at 4:24 am #158495

Excuse me, here you can see the link:

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

December 7, 2015 at 8:50 am #158540

Hi Dani,

I would remove:

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

Instead, use padding:

.button {
    padding: 10px 15px;
}

That will center the text :)

December 8, 2015 at 9:31 am #158776

Ok thanks !
Dani

December 8, 2015 at 9:49 am #158785

You're welcome :)

This archived topic is closed to new replies.