Joomla Templates Club 406,261 posts

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

#959183

Hi

1) Take a backup of your website
2) Go to fontawesome website and download icon pack
3) Replace your font-awesome folder in /templates/ja_smashboard/with new downloaded folder

Regards

[Smile Holiday Friend Smile HolidayJoin date: January 2013Posts: 24Downloads:16Uploads:3 Thanks: 12]

#959662

This reply has been marked as private.

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

#960375

Hi

These modules are still using old font-awesome icon classes (icon-iconname) and not new class ( fa fa-iconname)

If you look at this file /templates/ja_smashboard/tpls/blocks/header.php you will see this code

<?php if($this->countModules('followus')) : ?>
                <li class="dropdown parent nav-connect" data-altkey="S">
                  <a tabindex="-1" href="" data-toggle="dropdown" class="dropdown-toggle">
                    <i class="icon-plus"></i><?php echo JText::_('TPL_FOLLOWUS') ?>
                  </a>
                  <div class="nav-child dropdown-menu">
                    <div class="dropdown-menu-inner">
                      <jdoc:include type="modules" name="<?php $this->_p('followus') ?>" style="T3Xhtml" />
                    </div>
                  </div>
                </li>
                <?php endif; ?>
                <?php if($this->countModules('login')) : ?>
                <?php $user = JFactory::getUser(); ?>
                <li class="dropdown parent nav-connect<?php echo ((!$user->get('guest')) ? ' logged' : ''); ?>" data-altkey="U">
                  <a tabindex="-1" href="" data-toggle="dropdown" class="dropdown-toggle">
                    <i class="fa fa-user"></i>
                    <?php echo ((!$user->get('guest')) ? '<span class="uname">' . $user->get('name') . '</span>' : JText::_('TPL_USER')); ?>
                  </a>
                  <div class="nav-child dropdown-menu">
                    <div class="dropdown-menu-inner">
                      <jdoc:include type="modules" name="<?php $this->_p('login') ?>" style="T3Xhtml" />
                    </div>
                  </div>
                </li>
                <?php endif; ?>
                <?php if($this->countModules('head-search')) : ?>
                <li class="dropdown parent nav-connect" data-altkey="F">
                  <a tabindex="-1" href="" data-toggle="dropdown" class=" dropdown-toggle">
                    <i class="icon-search"></i><?php echo JText::_('TPL_SEARCH') ?>
                  </a>
                  <div class="nav-child dropdown-menu">
                    <div class="dropdown-menu-inner">
                      <jdoc:include type="modules" name="<?php $this->_p('head-search') ?>" style="T3Xhtml" />
                      <?php if($this->getParam('tpl_enable_qsearch', 1)) : ?>
                      <div class="qs-result-panel t3-hide">
                        <div class="qs-result-header"><h2><?php echo JText::_('TPL_SEARCH_FOR') ?><span class="qskeyword">...</span></h2></div>
                        <div class="qs-result-list-wrap"><div class="qs-result-list"></div></div>
                        <div class="qs-result-paging pagination"></div>
                      </div>
                      <?php endif; ?>
                    </div>
                  </div>
                </li>
                <?php endif; ?>
                <?php if ($this->countModules('sidebar-1')) : ?>
                <li class="dropdown nav-helps" data-altkey="I">
                  <a tabindex="-1" title="<?php echo JText::_('TPL_HELPS') ?>" href="#t3-sidebar-1" role="button">
                    <i class="icon-info"></i><?php echo JText::_('TPL_HELPS') ?>
                  </a>
                </li>
                <?php endif ?>
            </ul>
          </div>
          <!-- //USER, FOLLOW US -->
          <?php endif ?>

As you can see on your website i changed the class for icon-user to new class fa fa-user and now it is showing fine

For your footer module you should change font-awesome css changing icon-caret declaration with new class

example :
old= icon-caret-left new = fa fa-caret-left

---

Attachments:

1. 

[Smile Holiday Friend Smile HolidayJoin date: January 2013Posts: 24Downloads:16Uploads:3 Thanks: 12]

#961604

Hi,

the header was easy when you pointed out the file to be edited – thx!
I can’t find anything to edit for the footer though…
Can you give me the path?

Regards

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

#961637

Can you give me the path?

It is a custom-html module published in footer position and named Keyboard

i changed already code from icon-caret- to fa fa-caret-

To correctly see custom-html modules code first you need to set default editor to none from global configuration

This is the new code for keyboard module

<div class="ja-keyboard-btns clearfix">
   <a href="#" title="Up" class="ja-keyboard-up"  tabindex="-1"><i class="fa fa-caret-up"></i></a>
   <a href="#" title="right" class="ja-keyboard-right"  tabindex="-1"><i class="fa fa-caret-right"></i></a>
   <a href="#" title="Down" class="ja-keyboard-down"  tabindex="-1"><i class="fa fa-caret-down"></i></a>
   <a href="#" title="Left" class="ja-keyboard-left"  tabindex="-1"><i class="fa fa-caret-left"></i></a>
   <a href="#" title="Backward" class="ja-keyboard-playback"  tabindex="-1"><i class="fa fa-step-backward"></i></a>
</div>

Everything is working fine now

Regards

1 user says Thank You to pavit for this useful post

1. Smile Holiday

[Smile Holiday Friend Smile HolidayJoin date: January 2013Posts: 24Downloads:16Uploads:3 Thanks: 12]

#961666

I was searching there – though I did not know that the default editor must be set to none.
Thx!

[Author]

Posts