Support Forum

Icon Font Awesome and CSS customization

santiago
santiago
Offline
Hi Ivo
i have a problem with a CSS customization.

Joomla version: 4.1.2
Templete: Beauty: 1.4.0
Gantry 5.5.12
Page Settings:
Font Awesome Settings: all enable and Version: Font Awesome 5 Free (Webfont/CSS)


CSS Custom code:

.tag-hab {
color: #293133;
font-family:Fahkwang;
font-size: 1.3rem;
text-indent: 20px;
list-style-type: none;
li::before {
content:">>";
font-size: 1.4rem;
font-weight: 900;
margin-right: 8px;
color: #99be18;
}
}



Article html code:

<ul class="tag-hab">
<li>Et harum quidem rerum</li>
<li>omnis voluptas assumenda est</li>
<li>ut aut reiciendis voluptatibus</li>
<li>quibusdam et aut </li>
<li>consequatur aut perferendis doloribus</li>
</ul>



Front End:

>> Et harum quidem rerum
>> omnis voluptas assumenda est
>> ut aut reiciendis voluptatibus
>> quibusdam et aut
>> consequatur aut perferendis doloribus

The Trouble:

if i change content:">>" and i put a FontAwsorme code such us content:"\f058" the icon is not showed or it show an unrecognizable icon.
Responses (2)
Sorry, but you are not allowed to view the replies here.
Your Reply

Become an insider | Subscribe to our Newsletter
Subscribe to our mailing list and stay up-to-date with all our awesome releases, latest updates and amazing discount offers!