How to add icons as dem

Forums    Joomla Templates Club    JA Medicare    How to add icons as dem
Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • lableo Friend
    July 10, 2015 at 12:21 pm #208525

    How to add icons as demo (see picture)
    Thanks

    pavit Moderator
    July 10, 2015 at 3:28 pm #576984

    Hi

    It is a custom-html module published in footer-info position and it is using font-awesome icons

    Here the code

    <a href="index.php"><img src="images/joomlart/logo-footer.png" border="0" alt="" /></a>
    <ul>
    <li><i class="fa fa-home secondary-background"></i> Medicom Ltd Street , New York</li>
    <li><i class="fa fa-phone cyan-background"></i> 905-476 -2437 </li>
    <li><i class="fa fa-envelope primary-background"></i> <a href="">company@mail.com</a></li>
    </ul>

    <!-- AddThis Follow BEGIN -->
    <div class="addthis_toolbox">
    <a class="addthis_button_facebook_follow" addthis:userid="joomlart"><i class="fa fa-facebook"></i></a>
    <a class="addthis_button_twitter_follow" addthis:userid="JoomlArt"><i class="fa fa-twitter"></i></a>
    <a class="addthis_button_rss_follow" addthis:userid="joomla.org/rss.html"><i class="fa fa-rss"></i></a>
    </div>
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-523d4894767843b5"></script>
    <!-- AddThis Follow END -->

    pavit Moderator
    July 10, 2015 at 3:28 pm #643292

    Hi

    It is a custom-html module published in footer-info position and it is using font-awesome icons

    Here the code

    <a href="index.php"><img src="images/joomlart/logo-footer.png" border="0" alt="" /></a>
    <ul>
    <li><i class="fa fa-home secondary-background"></i> Medicom Ltd Street , New York</li>
    <li><i class="fa fa-phone cyan-background"></i> 905-476 -2437 </li>
    <li><i class="fa fa-envelope primary-background"></i> <a href="">company@mail.com</a></li>
    </ul>

    <!-- AddThis Follow BEGIN -->
    <div class="addthis_toolbox">
    <a class="addthis_button_facebook_follow" addthis:userid="joomlart"><i class="fa fa-facebook"></i></a>
    <a class="addthis_button_twitter_follow" addthis:userid="JoomlArt"><i class="fa fa-twitter"></i></a>
    <a class="addthis_button_rss_follow" addthis:userid="joomla.org/rss.html"><i class="fa fa-rss"></i></a>
    </div>
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-523d4894767843b5"></script>
    <!-- AddThis Follow END -->

    pavit Moderator
    July 10, 2015 at 3:28 pm #741946

    Hi

    It is a custom-html module published in footer-info position and it is using font-awesome icons

    Here the code

    <a href="index.php"><img src="images/joomlart/logo-footer.png" border="0" alt="" /></a>
    <ul>
    <li><i class="fa fa-home secondary-background"></i> Medicom Ltd Street , New York</li>
    <li><i class="fa fa-phone cyan-background"></i> 905-476 -2437 </li>
    <li><i class="fa fa-envelope primary-background"></i> <a href="">company@mail.com</a></li>
    </ul>

    <!-- AddThis Follow BEGIN -->
    <div class="addthis_toolbox">
    <a class="addthis_button_facebook_follow" addthis:userid="joomlart"><i class="fa fa-facebook"></i></a>
    <a class="addthis_button_twitter_follow" addthis:userid="JoomlArt"><i class="fa fa-twitter"></i></a>
    <a class="addthis_button_rss_follow" addthis:userid="joomla.org/rss.html"><i class="fa fa-rss"></i></a>
    </div>
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-523d4894767843b5"></script>
    <!-- AddThis Follow END -->

    lableo Friend
    July 10, 2015 at 5:33 pm #576992

    Code suggested is not accepted. It looks like this html:

    <li> Medicom Ltd Street, New York </ li>
    <li> 905-476 -2437 </ li>
    <li> <a> company@mail.com </a> </ li>
    </ ul>
    <! – AddThis Follow BEGIN ->
    <div class = “addthis_toolbox”> </ div>
    <! – AddThis Follow END ->

    lableo Friend
    July 10, 2015 at 5:33 pm #643299

    Code suggested is not accepted. It looks like this html:

    <li> Medicom Ltd Street, New York </ li>
    <li> 905-476 -2437 </ li>
    <li> <a> company@mail.com </a> </ li>
    </ ul>
    <! – AddThis Follow BEGIN ->
    <div class = “addthis_toolbox”> </ div>
    <! – AddThis Follow END ->

    lableo Friend
    July 10, 2015 at 5:33 pm #741953

    Code suggested is not accepted. It looks like this html:

    <li> Medicom Ltd Street, New York </ li>
    <li> 905-476 -2437 </ li>
    <li> <a> company@mail.com </a> </ li>
    </ ul>
    <! – AddThis Follow BEGIN ->
    <div class = “addthis_toolbox”> </ div>
    <! – AddThis Follow END ->

    pavit Moderator
    July 10, 2015 at 5:50 pm #576994

    Disable your default editor from global configuration when add your code to a custom-html module

    pavit Moderator
    July 10, 2015 at 5:50 pm #643301

    Disable your default editor from global configuration when add your code to a custom-html module

    pavit Moderator
    July 10, 2015 at 5:50 pm #741955

    Disable your default editor from global configuration when add your code to a custom-html module

    lableo Friend
    July 10, 2015 at 6:06 pm #576995

    Ok Pavit. Thanks

    lableo Friend
    July 10, 2015 at 6:06 pm #643302

    Ok Pavit. Thanks

    lableo Friend
    July 10, 2015 at 6:06 pm #741956

    Ok Pavit. Thanks

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)

This topic contains 13 replies, has 2 voices, and was last updated by  lableo 9 years, 4 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Important Notice :

New Unified Portal is live

Must Read

Jump to forum

Categories