Hi, I have a home screen with 9 icons in a 3x3 grid (with images linked) which I currently have created using images and text underneath. I also have tabs using the Ionic icons. I want to replace my images with the icons - http://ionicframework.com/docs/components/#icon-buttons shows some examples but not how to place the text under the icon.
I’ve tried playing with this without success.
<a class="button icon-right icon ion-ios7-paper-outline button-clear button-dark">News</a>
Is it possible to do this and have my icons relatively much bigger than the text below them, or do I need separate elements for icon and text as described here ?
This is what I’m trying to do:
Also, I have seen this post on how to change icon size, but do not understand “.my-button” - is the “my-” prefix a reserved space within the Ionic framework?
Thanks!