Joomla Templates Club 406,261 posts

[jamesshin Friend jamesshinJoin date: August 2014Posts: 22Downloads:137Uploads:0 Thanks: 17]

#681719

I’m trying to replace font awesome icons in JOOMLA! –> J! PAGES. i located the Joomla Page article but no where can i find the <i> </i>.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#681768

Hi

J pages menu item is loading an article named Joomla Page in Pages category

here code inside article

<div class="joomla-page row">
<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-lock"></i></div>
<h4><a href="index.php?option=com_users&view=login&Itemid=480">Login</a></h4>
<p class="text-intro">Quisque dictum magna eu metus fringilla, in mollis tellus tempor. Aliquam placerat posuere diam.</p>
<a class="btn btn-primary btn-sm" href="index.php?option=com_users&view=login&Itemid=480">Details</a>
</div>
<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-link"></i></div>
<h4><a href="index.php?option=com_weblinks&view=category&id=31&Itemid=484">Web Links</a></h4>
<p class="text-intro">Nullam tristique, augue sed pretium interdum, arcu lectus ullamcorper purus placerat</p>
<a class="btn btn-primary btn-sm" href="index.php?option=com_weblinks&view=category&id=31&Itemid=484">Details</a>
</div>
<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-globe"></i></div>
<h4><a href="index.php?option=com_newsfeeds&view=category&id=17&Itemid=483">Newsfeeds</a></h4>
<p class="text-intro">Nunc pharetra, diam ac rhoncus accumsan, tortor lacus eleifend lacus, sit amet pulvinar accumsan.</p>
<a class="btn btn-primary btn-sm" href="index.php?option=com_newsfeeds&view=category&id=17&Itemid=483">Details</a>
</div>

<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-envelope-o"></i></div>
<h4><a href="index.php?option=com_contact&view=contact&id=1&Itemid=489">Contact</a></h4>
<p class="text-intro">Vivamus auctor mattis odio, et ultrices erat posuere non quisque venenatis quam a metus lacus.</p>
<a class="btn btn-primary btn-sm" href="index.php?option=com_contact&view=contact&id=1&Itemid=489">Details</a>
</div>

<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-wrench"></i></div>
<h4><a href="index.php?option=com_content&view=article&id=76&Itemid=487">Offline Page</a></h4>
<p class="text-intro">Vivamus auctor mattis odio, et ultrices erat posuere non quisque venenatis quam a metus lacus.</p>
<a class="btn btn-primary btn-sm" href="index.php?option=com_content&view=article&id=76&Itemid=487">Details</a>
</div>

<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-exclamation-triangle"></i></div>
<h4><a href="index.php?option=com_content&view=article&id=77&Itemid=488">404 Page</a></h4>
<p class="text-intro">Vivamus auctor mattis odio, et ultrices erat posuere non quisque venenatis quam a metus lacus.</p>
<a class="btn btn-primary btn-sm" href="index.php?option=com_content&view=article&id=77&Itemid=488">Details</a>
</div>

<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-folder-o"></i></div>
<h4><a href="index.php?option=com_content&view=categories&id=101&Itemid=491">All Categories</a></h4>
<p class="text-intro">Vivamus auctor mattis odio, et ultrices erat posuere non quisque venenatis quam a metus lacus.</p>
<a class="btn btn-primary btn-sm" href="index.php?option=com_content&view=categories&id=101&Itemid=491">Details</a>
</div>

<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-folder-open-o"></i></div>
<h4><a href="index.php?option=com_content&view=category&layout=blog&id=78&Itemid=492">Category Blog</a></h4>
<p class="text-intro">Vivamus auctor mattis odio, et ultrices erat posuere non quisque venenatis quam a metus lacus.</p>
<a class="btn btn-primary btn-sm" href="index.php?option=com_content&view=category&layout=blog&id=78&Itemid=492">Details</a>
</div>
</div>

So to change icons change the <i class= first to edit article disable from your global configuration the default editor

1 user says Thank You to pavit for this useful post

1. jamesshin

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#747553

Hi

J pages menu item is loading an article named Joomla Page in Pages category

here code inside article

<div class="joomla-page row">
<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-lock"></i></div>
<h4><a href="index.php?option=com_users&view=login&Itemid=480">Login</a></h4>
<p class="text-intro">Quisque dictum magna eu metus fringilla, in mollis tellus tempor. Aliquam placerat posuere diam.</p>
<a class="btn btn-primary btn-sm" href="index.php?option=com_users&view=login&Itemid=480">Details</a>
</div>
<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-link"></i></div>
<h4><a href="index.php?option=com_weblinks&view=category&id=31&Itemid=484">Web Links</a></h4>
<p class="text-intro">Nullam tristique, augue sed pretium interdum, arcu lectus ullamcorper purus placerat</p>
<a class="btn btn-primary btn-sm" href="index.php?option=com_weblinks&view=category&id=31&Itemid=484">Details</a>
</div>
<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-globe"></i></div>
<h4><a href="index.php?option=com_newsfeeds&view=category&id=17&Itemid=483">Newsfeeds</a></h4>
<p class="text-intro">Nunc pharetra, diam ac rhoncus accumsan, tortor lacus eleifend lacus, sit amet pulvinar accumsan.</p>
<a class="btn btn-primary btn-sm" href="index.php?option=com_newsfeeds&view=category&id=17&Itemid=483">Details</a>
</div>

<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-envelope-o"></i></div>
<h4><a href="index.php?option=com_contact&view=contact&id=1&Itemid=489">Contact</a></h4>
<p class="text-intro">Vivamus auctor mattis odio, et ultrices erat posuere non quisque venenatis quam a metus lacus.</p>
<a class="btn btn-primary btn-sm" href="index.php?option=com_contact&view=contact&id=1&Itemid=489">Details</a>
</div>

<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-wrench"></i></div>
<h4><a href="index.php?option=com_content&view=article&id=76&Itemid=487">Offline Page</a></h4>
<p class="text-intro">Vivamus auctor mattis odio, et ultrices erat posuere non quisque venenatis quam a metus lacus.</p>
<a class="btn btn-primary btn-sm" href="index.php?option=com_content&view=article&id=76&Itemid=487">Details</a>
</div>

<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-exclamation-triangle"></i></div>
<h4><a href="index.php?option=com_content&view=article&id=77&Itemid=488">404 Page</a></h4>
<p class="text-intro">Vivamus auctor mattis odio, et ultrices erat posuere non quisque venenatis quam a metus lacus.</p>
<a class="btn btn-primary btn-sm" href="index.php?option=com_content&view=article&id=77&Itemid=488">Details</a>
</div>

<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-folder-o"></i></div>
<h4><a href="index.php?option=com_content&view=categories&id=101&Itemid=491">All Categories</a></h4>
<p class="text-intro">Vivamus auctor mattis odio, et ultrices erat posuere non quisque venenatis quam a metus lacus.</p>
<a class="btn btn-primary btn-sm" href="index.php?option=com_content&view=categories&id=101&Itemid=491">Details</a>
</div>

<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-folder-open-o"></i></div>
<h4><a href="index.php?option=com_content&view=category&layout=blog&id=78&Itemid=492">Category Blog</a></h4>
<p class="text-intro">Vivamus auctor mattis odio, et ultrices erat posuere non quisque venenatis quam a metus lacus.</p>
<a class="btn btn-primary btn-sm" href="index.php?option=com_content&view=category&layout=blog&id=78&Itemid=492">Details</a>
</div>
</div>

So to change icons change the <i class= first to edit article disable from your global configuration the default editor

1 user says Thank You to pavit for this useful post

1. jamesshin

[Author]

Posts