Module title icon

yubi1

hi guys! in the pets template, i would like to re-add the small icon that appears at the top of module titles, but somehow, maybe while I was editing the template the :before code is not longer appearing in my HTML, like it is in the demo site:

<h3 class="section-title h6 text-primary ">
:before
<span>Quality Service</span>
</h3>

so, I can't add the custom CSS in the template... please, how can I fix it? how can re-add that :before

thanks a lot!!!

Ninja

yubi1
Hi
Try this code as example

.section-title-wrap .section-title:before {
    color: #1ac190;
    content: "";
    font-family: "Font Awesome 5 Free";
    margin-right: 16px;
}

Change the style as per needs.

yubi1

hi pankaj! thanks a lot!! it's working and I can see the check mark icon... thanks!!!! but now, pleeeease, where do I find a list of the fontawesome codes to place in content: "";

sorry, that I'm new to joomlart... and was searching and couldn't find a list for this here or in fontawesome site... I tried replacing the small square with the unicode: f5ca or <i class="fas fa-umbrella-beach"></i> but doesn't work.... so, please, would you point me out to that list?

thanks!!!! 🙂

yubi1

sorry pankaj!!!
I found the list!!!!!! 😉

in case somebody needs it, is here: https://fontawesome.com/v5/cheatsheet/