# How to use custom size on $ionicPopup?

**URL:** <https://forum.ionicframework.com/t/how-to-use-custom-size-on-ionicpopup/8744>\
**Category:** ionic-v1\
**Created:** [August 25, 2014, 4:33pm UTC](https://forum.ionicframework.com/t/how-to-use-custom-size-on-ionicpopup/8744 "2014-08-25T16:33:28Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![cullen1tsering](https://avatars.discourse-cdn.com/v4/letter/c/919ad9/32.png) [@cullen1tsering](https://forum.ionicframework.com/u/cullen1tsering)\
**Post date:** [August 25, 2014, 4:33pm UTC](https://forum.ionicframework.com/t/how-to-use-custom-size-on-ionicpopup/8744/1 "2014-08-25T16:33:28Z")

</div>

How do I alter $ionicPopup default size to suit my needs?

I’d like to have my users to pick an item from a radio button list but the default popup size way too small ☹

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [August 27, 2014, 3:31pm UTC](https://forum.ionicframework.com/t/how-to-use-custom-size-on-ionicpopup/8744/2 "2014-08-27T15:31:46Z")

</div>

Instead of a popup, why not use a modal?

---

<div class="post-metadata">

**Author:** ![cullen1tsering](https://avatars.discourse-cdn.com/v4/letter/c/919ad9/32.png) [@cullen1tsering](https://forum.ionicframework.com/u/cullen1tsering)\
**Post date:** [August 27, 2014, 8:25pm UTC](https://forum.ionicframework.com/t/how-to-use-custom-size-on-ionicpopup/8744/3 "2014-08-27T20:25:58Z")

</div>

I’ll give it a shot, thanks!

---

<div class="post-metadata">

**Author:** ![fkkcloud](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/fkkcloud/32/14033_2.png) [@fkkcloud](https://forum.ionicframework.com/u/fkkcloud)\
**Post date:** [July 29, 2015, 8:44pm UTC](https://forum.ionicframework.com/t/how-to-use-custom-size-on-ionicpopup/8744/4 "2015-07-29T20:44:38Z")

</div>

changing size of the popup window does not work for width.

.popup {  
width: 1200px;  
height: 350px;  
}

> **[Popup: 1.0.0-beta.1](https://codepen.io/fkkcloud/pen/rVQrvg)**
>
> Various popups supported by Ionic Forked from \[Ionic\](http://codepen.io/ionic/)'s Pen \[Popup: Nightly\](http://codepen.io/ionic/pen/zkmhJ/)....

---

<div class="post-metadata">

**Author:** ![fkkcloud](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/fkkcloud/32/14033_2.png) [@fkkcloud](https://forum.ionicframework.com/u/fkkcloud)\
**Post date:** [July 29, 2015, 8:45pm UTC](https://forum.ionicframework.com/t/how-to-use-custom-size-on-ionicpopup/8744/5 "2015-07-29T20:45:56Z")

</div>

and… !important does it.

.popup {  
width: 1200px !important;  
height: 350px;  
}