I need to create a custom bullet list inside the caption text area in a Fullwidth Easy Slider.
I need:
1) to use a custom image as bullet
2) the list to be not centered, but align left
This is my html code added in Caption Text area:
<ul class="lista-maxitracce">
<li>Passione per il Cliente</li>
<li> Valore del Prodotto</li>
<li> Cultura del Merito</li>
<li> Forte Identità</li>
<li> Progresso Responsabile</li>
</ul>
This is my css code I added in Quick CSS:
ul.lista-maxitracce li {
list-style-image: url(https://www.maxitracce.it/wp-content/images/maxitracce-bullet.png);
}
Is it possibile and can you help me? Thanks
Hey Nicola!
I didn’t see it on your homepage. Can you send us a link to the exact page where your using it?
Best regards,
Elliott
Sorry, this is the page.
Slide n2
Hey!
Try adding this to your custom CSS.
.avia-caption-content li {
opacity: 1 !important;
position: relative !important;
text-align: left;
visibility: visible !important;
}
Best regards,
Elliott
Brilliant Elliot, nearly perfect.
I only need to center the box (not the text) with the list under the Title, something like this:
Hey!
Add this in the Quick CSS field:
.avia-caption-content.av_inherit_color {
text-align: center;
}
.lista-maxitracce {
display: inline-block;
}
Cheers!
Ismael
perfect!
great job Ismael