I am using Drupal 7 and Pixture Reloaded theme and stylized colors.css like this:

/* Lists */

.item-list ul li {
  list-style-image: url("../images/bullet-round.png");
}

Changed to:

/* Lists */

.item-list ul li {
  list-style-image: url("/imagens/ponto.gif");
}
.item-list ul li:hover { 
  list-style-image: url('/imagens/ponto2on.gif'); 
}

and it has an collateral effect because that gif was showing beside the rate stars like you can see in this link: http://prnt.sc/s1zo3a

My site url: https://www.linguagemclipper.com.br/

By the way, formerly that "bullet-round.png" was doing the same but it was a little tiny image.

When I inspect I see:

<div class="form-item form-type-item"> 
<label>Avaliação </label>
<div class="rate-widget-1 rate-widget clear-block rate-average rate-widget-fivestar rate-Mfx0rCUgGa1SLQ-wE76u2iJ2uIVNYXFTC_afqUtSRYQ rate-node-1-1-3" id="rate-node-1-1-3">
<div class="item-list">
   <ul>
     <li class="even first"><span class="rate-button rate-fivestar-btn-empty rate-fivestar-1" id="rate-button-1">1</span></li>
     <li class="odd"><span class="rate-button rate-fivestar-btn-empty rate-fivestar-2" id="rate-button-2">2</span></li>
     <li class="even"><span class="rate-button rate-fivestar-btn-empty rate-fivestar-3" id="rate-button-3">3</span></li>
     <li class="odd"><span class="rate-button rate-fivestar-btn-empty rate-fivestar-4" id="rate-button-4">4</span></li>
     <li class="even last"><span class="rate-button rate-fivestar-btn-empty rate-fivestar-5" id="rate-button-5">5</span></li>
   </ul>
</div>
<div class="rate-info">Total votes: 0</div>
</div></div></div>

As we can see, Rate is using "item-list" class.

So, I don´t understand so much of CSS but I could fix it doing this:

.item-list ul li {
  /* list-style-image: url("../images/bullet-round.png"); */
  list-style-image: none;
}

The problem is that all item-list bullets became like this:

  • This ordinary ugly bullet

But I want to use this:

/* Lists */

.item-list ul li {
  list-style-image: url("/imagens/ponto.gif");
}
.item-list ul li:hover { 
  list-style-image: url('/imagens/ponto2on.gif'); 
}

Isn´t there anyway to make a workaround so that Rate don´t use theme item-list?

Comments

numerabilis created an issue. See original summary.

numerabilis’s picture

Issue summary: View changes