title: How to change the size of item-avatar in ionic?
body: <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>