[Mobex]

I’m using the Font Awesome Icon code:

[icons style="normal" size="xlarge" color="#0e0045" icon="icon-list-alt" animation="bounceIn" align="center"]

And it’s not working, the icon appear really small and left aligned. I also tried to change xlarge to x-large & X-large and it still does not function. Can you please assist?

The code is on: http://mobex.biz/demo/ below the tabs.

Reply

[Fem]

What would like to change the size of icon or circle?

Reply

[Mobex]

I’m using just the icon. So I want to use xlarge size with no circle or square.

Reply

[Fem]

I have check with your issue i will get fix ASAP.

Reply

[Wajid Khan]

Here is the fix for font awesome icon.

In hostmev2/css/shortcodes.css
Find line No. 969 to 979:

.facnyicon_circle i,
.facnyicon_square i { vertical-align: middle;}

.facnyicon_circle.small i,
.facnyicon_square.small i { font-size: 13px !important;}

.facnyicon_circle.medium i,
.facnyicon_square.medium  i { font-size: 18px !important;}

.facnyicon_circle.large i,
.facnyicon_square.large i { font-size: 28px !important;}

.facnyicon_circle.xlarge i,
.facnyicon_square.xlarge i { font-size: 40px !important;}

Replace with this:

.small i,
.facnyicon_circle.small i,
.facnyicon_square.small i { font-size: 13px !important;}

.medium i,
.facnyicon_circle.medium i,
.facnyicon_square.medium  i { font-size: 18px !important;}

.large i,
.facnyicon_circle.large i,
.facnyicon_square.large i { font-size: 28px !important;}

.xlarge i,
.facnyicon_circle.xlarge i,
.facnyicon_square.xlarge i { font-size: 40px !important;}

And then some change in general.php

In hostmev2/framework/shortcode/general.php line no.339

Find:
$out = '<i style="'.$color.'" class="'.$icon.'"></i>';

Replace With:
$out =' <div class="'.$size.'"><i style="'.$color.'" class="'.$icon.'"></i></div>';

Best Regards,
MAWK

• This reply was modified 12 years, 10 months ago by Wajid Khan.

Reply

[Mobex]

Awesome thank you. That worked, but now the icons in my circles appear to be a little off center. I’ve attached an image to show what I mean. Is there a way to fix that?

Reply

[Wajid Khan]

Its seem everything working fine on my end can you point me the URL please.

Reply

[Mobex]

Bottom half of http://mobex.biz/demo/

Reply

[Mobex]

I now have a problem where in my top bar the Icon is broken from the text. I’m not sure if the few modifications we made for both the Top Bar BG color and the Icons has messed that up. You can see it at the top bar on http://mobex.biz/demo/

Reply

[Fem]

same as in general.php you replaced the file which was

$out =' 
';

Replace with this below

$out =' ';

And in shortcode.css file
find the below class and replace only line-height:60px to 67px

.facnyicon_square.large,
.facnyicon_circle.large {
  height: 60px;
  width: 60px;
  line-height: 60px;
}

Reply