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
Comment #2
numerabilis CreditAttribution: numerabilis commented