Canvas Support

FontAwsome fad icon alignment

3 replies · opened Jun 26, 2020

CComm4nd0Jun 26, 2020

Hi, I'm trying to use fad fontawesome icons in the following code block:


	
		
			[](#)
		
		
			Responsive Layout
			
Powerful Layout with Responsive functionality that can be adapted to any screen size. Resize browser to view.

However when i do, it seem to right justify the icon. I've tried using pr-4 which helps but it's not consistent across all icons. Is there any support for fontawesome, particularly fad's.

my example code block is:


	
		
			[](#)
		
		
			Responsive Layout
			
Powerful Layout with Responsive functionality that can be adapted to any screen size. Resize browser to view.
SSemicolon WebSTAFFJun 28, 2020

Hello,

Apologies about the Inconveniences caused!

The .fad Icons appears to be having a conflict with the .fbox-effect Class due to the ::after pseudo element applied. Once you remove this Class, the Icons should work perfectly fine. We will definitely work on fixing this in an update and so that .fbox-effect Class can work simultaneously with the .fad Icons.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

CComm4nd0Jun 29, 2020

Thank you so much!

top notch support, indeed!!

SSemicolon WebSTAFFJun 30, 2020

Hello,

Very Happy to Help!

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard