Changing Button Icon Size

Jul 19, 2013

Can you change the icon size of a button icon without changing the text of the button? Sometimes the icons look so small compared to the text of a button.

Here is an image of the button I'm using, but I'd like the "i" icon to be much bigger.

13 Replies
Antony Snow

Hi Jeff,

Phil is right - it is related to the font size, but there is a workaround.

Add a space at the beginning of your text, select the space only and then pump up the font size - this will make the icon size increase whilst retaining the original font size of your text.

I should add that if your text is centered, the alignment will adjusted slighty due to the extra space.

Antony

Bruce Graham

Antony Snow said:

Hi Jeff,

Phil is right - it is related to the font size, but there is a workaround.

Add a space at the beginning of your text, select the space only and then pump up the font size - this will make the icon size increase whilst retaining the original font size of your text.

I should add that if your text is centered, the alignment will adjusted slighty due to the extra space.

Antony


Sneeky workaround of the week

Nice.

Bruce

Leslie McKerchie

Hi Bas,

I'm glad that you were able to find this conversation to help you with your project.

With your permission, I'd like to take a look at your project file to investigate what's happening with the alignment of your icon. You can point me to the slide or just share the single slide you've imported into a new file. You can share it publicly here, or send it to me privately by uploading it here. I'll delete it when I'm done troubleshooting.

Bas van Dijen

Hi Leslie,

Unfortunately I cant share the content atm. However I might be able to explain what I think is happening.

As I had my text vertically aligned to the center, it jumped down when I changed the font size. My thinking is that the vertical alignment follows the biggest font in the text-box for its alignment, thus not working in my case. 

In the future I would love to have a little more control over the icon's size and placement within the button but now I was able to make the text align to the top and scale the button to fit it better.

Hope this make sense.

This discussion is closed. You can start a new discussion or contact Articulate Support.