Ion Icon Size


#1
<div>Foobar <button class="button button-icon icon ion-alert"></button></div>

I have tried changing the font-size of the button and surrounding div and the ion-alert icon will not resize. For the heck of it i also tried changed height/width with no luck.

Any ideas?


Icons & buttons - change size, color & text position
#2

Not sure why you are wrapping it with a div…

But this works for me.

<button class="button button-clear icon ion-alert my-button"> Foobar </button>

And this css

.my-button,
.my-button:before{
  font-size:36px;
}

#3

I added the div just to try it… Adding :before to my style fixed my problem.

Thanks!