fa icons not working

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 26 replies, 6 voices, and was last updated 9 years by Swift Ideas – Ed.

Viewing 15 posts - 1 through 15 (of 27 total)

1 2 →

Back to forum

Posted in: Neighborhood
December 11, 2014 at 9:09 pm #135216

Ilya
Member

Post count: 122

when you add fa-icons via swift builder is not appear on page. even with shortcode.

December 12, 2014 at 6:26 am #135279

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
Please provide me website url and wordpress admin login detail to check and resolve the issue.
Thanks
Mohammad

December 12, 2014 at 12:29 pm #135370

Ilya
Member

Post count: 122

This reply has been marked as private.

December 13, 2014 at 7:13 am #135505
Mohammad – SUPPORT
Moderator

Post count: 27441
Hi,
Please open to edit shortcodes.php at /dantne/swift-framework/
```
Find this code:-
$icon_output = '<i class="'.$image.' sf-icon sf-icon-float-'.$float.' sf-icon-'.$size.' sf-icon-'.$color.'"></i>';	

Change to :-
$image  = str_replace('fa-fa-','fa-',$image);
$icon_output = '<i class="'.$image.' sf-icon sf-icon-float-'.$float.' sf-icon-'.$size.' sf-icon-'.$color.'"></i>';	
```
Thanks
Mohammad
December 15, 2014 at 3:13 pm #135778

Ilya
Member

Post count: 122

This reply has been marked as private.

December 15, 2014 at 4:35 pm #135800
Mohammad – SUPPORT
Moderator

Post count: 27441
Hi,
Please open to edit shortcodes.php at /neighborhood/includes/swift-framework/
```
Find this code:-
if ($cont == "yes") {
			return '<div class="sf-icon-cont cont-'.$size.' sf-icon-float-'.$float.'"><i class="fa-'.$image.' sf-icon icon-'.$size.'"></i></div>';
		} else {
			return '<i class="fa-'.$image.' sf-icon sf-icon-float-'.$float.' icon-'.$size.'"></i>';	
		}		

Change to:-

if ($cont == "yes") {
			return '<div class="sf-icon-cont cont-'.$size.' sf-icon-float-'.$float.'"><i class="fa '.$image.' sf-icon icon-'.$size.'"></i></div>';
		} else {
			return '<i class="fa '.$image.' sf-icon sf-icon-float-'.$float.' icon-'.$size.'"></i>';	
		}		
```
Thanks
Mohammad
January 2, 2015 at 5:45 pm #138677

Gaspard
Member

Post count: 29

Hello,
I have a same probleme ! I tried the solution you explain above, but it does not work !
Can you help me please ? Tnanks

January 2, 2015 at 6:18 pm #138679

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

Hi @Gaspard,

So at the moment seems you can display fa icons.
Can you provide admin access and your site url so we can check?

-Rui

January 2, 2015 at 8:03 pm #138696

Gaspard
Member

Post count: 29

This reply has been marked as private.

January 3, 2015 at 5:57 pm #138781

Gaspard
Member

Post count: 29

This reply has been marked as private.

January 3, 2015 at 6:34 pm #138783

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
Please just attach a marked screenshot so i can get this at given page url to inspect.
Thanks
Mohammad

January 3, 2015 at 7:41 pm #138796

Gaspard
Member

Post count: 29

This reply has been marked as private.

January 5, 2015 at 11:27 am #138961

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
I have resolved your issue so please check it now.
Thanks
Mohammad

January 7, 2015 at 8:38 am #139566

Gaspard
Member

Post count: 29

Hi,
Great ! thanks a lot.
Now what is the code for custom css for define the horizontal alignement with the texte, please ??
Thanks

Attachments:
You must be logged in to view attached files.

January 7, 2015 at 8:44 am #139572
Mohammad – SUPPORT
Moderator

Post count: 27441
Hi,
Please use this custom css code:-
```
h4.spb_heading span, h4.lined-heading span{
margin-top:15px !important
}
```
Thanks
Mohammad
Back to forum

Posted in: Neighborhood