How to change background colour for item avatar in Ionic Framework?

Issue

I need to change background colour for item avatar using Ionic Framework. The problem is, it didn't change.

CSS:

.list.item-avatar.list-purple{
    color: #FFF;
    background-color: #b31f6f;  
}

HTML:

<div class="list list-inset">
    <div class="item item-divider">
    YOUE MOVE
    </div>
    <a class="item item-avatar list-purple" href="#">
      <img src="img/venkman.jpg">
      <h2>Julia Roberts</h2>
      <p>2 days ago</p>
    </a>
    <a class="item item-avatar" href="#">
      <img src="img/venkman.jpg">
      <h2>Robert De Niro</h2>
      <p>2 days ago</p>
    </a>
   </div>

Solution

The CSS rule should look like this:

.list .item-avatar.list-purple {
  color: #FFF;
  background-color: #b31f6f;  
}

Notice that there is only one space in the CSS selector.

Answered By - runTarm