How to change the size of item-avatar in ionic? : <p>I am developing an app using ionic framework. I need to display an image in the side menu header. I have used <strong>item-avatar</strong> to display the image. Here is the code.</p>

<pre><code>&lt;ion-side-menus&gt;
&lt;ion-side-menu side="left"&gt;
    &lt;ion-header-bar class="bar-calm style="height:200px" &gt;
        &lt;div class="list" &gt;
            &lt;a class="item item-avatar"&gt;
                &lt;img src="some image source"&gt;
                &lt;p&gt;This is an image&lt;/p&gt;
            &lt;/a&gt;
        &lt;/div&gt;
    &lt;/ion-header-bar&gt;
&lt;/ion-side-menu&gt;

&lt;ion-side-menu-content&gt;
    &lt;ion-list &gt;
        &lt;!-- Links to the pages that must contain the side menu. --&gt;
        &lt;ion-item href="#/side-menu24/page1"&gt;Page1&lt;/ion-item&gt;
        &lt;ion-item href="#/side-menu24/page2"&gt; Page2&lt;/ion-item&gt;
    &lt;/ion-list&gt;
&lt;/ion-side-menu-content&gt;
</code></pre>

<p></p>

<p>How do I change(increase) the size of the image displayed in the item-avatar? I was suggested the following CSS:</p>

<pre><code>.list .item-avatar{ 
width: 20px !important; 
height : 60px !important;}
</code></pre>

<p>This increases the content size(size allocated to the div tag) of the item-avatar as a whole but the image size remains the same. Is there any way to increase the size of the image displayed inside the item-avatar?</p>
