Extensions > Templates

Font Awesome usage in Elxis 4.5

<< < (2/2)

webgift:
Answered in private.
Please don't share part of source code for software that has been released under commercial
license.

Thank you!

perseas:
@webgift
I'm Sorry.

xmanhattan:
Thank you Nikos.  ;D

nikos:
You are welcome xmanhattan

You can style it even more if you like. Look at the examples below which are displayed here and here

Articles tagged as

.elx_tags_page h2:before { display: inline-block; font-family: FontAwesome; content:"\f02b"; padding-right:5px; }

Article date

div.elx_dateauthor:before { display: inline-block; font-family: FontAwesome; content:"\f274"; padding-right:5px; }

It has been read

div.elx_hits_box:before { display: inline-block; font-family: FontAwesome; content:"\f201"; padding-right:5px; }

Tags

div.elx_tags_box:before { display: inline-block; font-family: FontAwesome; content:"\f02c"; padding-right:5px; }

Read also

h3.elx_links_box_title:before { display: inline-block; font-family: FontAwesome; content:"\f01a"; padding-right:5px; }

Links of articles under Read also

.elx_links_box li a:before { display: inline-block; font-family: FontAwesome; content:"\f046"; padding-right:5px; }

Arrow for Previous article

.elx_chain_previous .elx_chain_title:before { display: inline-block; font-family: FontAwesome; content:"\f0a8"; color: #169FCC; padding-right:5px; }

Arrow for Next article

.elx_chain_next .elx_chain_title:before { display: inline-block; font-family: FontAwesome; content:"\f0a9"; color: #169FCC; padding-right:5px; }

You cat display also the icon to the right (after) of the word or phrase

Example: .elx_links_box li a:after { display: inline-block; font-family: FontAwesome; content:"\f046"; padding-left:5px; }

datahell:
Just a note: FontAwesome in Elxis 4.5 updated to version 4.7. This means that new icons are supported.
Required Elxis version: 4.5 rev1909 or newer.

Navigation

[0] Message Index

[*] Previous page