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.
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.
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.
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.
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.
13 Replies
it is related to the font size.
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
I have learnt something
Thanks for sharing Antony!
Thanks Antony, worked like a charm. Yet another reason I love Storyline - the forums answer any question you might come up with.
Thanks for sharing the updated image Jeff! Looks great!
Heh. I didn't know that. Thanks Anthony!
That was a new one for me, too.
This is a neat trick indeed. however my text now doesn't nicely align vertically, is there a way to fix this?
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.
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.
Got it, Bas. I appreciate you sharing your findings as well as explaining what you would like to see.
This discussion is closed. You can start a new discussion or contact Articulate Support.