CMS Development

sam-wrapmgr
Participant

Icons Not Appearing in Preview or Website Designer, but show in code & in the Design Manager

SOLVE

Hi,

I'm having a really weird problem with the template of a page that I'm working on right now and was directed to the Design Forum via Support.

 

The issue that I'm having revolves around the 'Icon 7 (font awesome)' that I added to the template via the design manager. For some reason they're not showing up at all! I'm pretty certain that it's because they initially came from another template, but how do I add them in here?

 

Page Preview: https://www.wrapmanager.com/whats-your-risk-score?hs_preview=UICfigtx-5278814272

 

I'm using another size of the Icon 7 (font awesome) in a page on another one of our website properties right now, as highlighted here: https://www.screencast.com/t/o5eIqyVzjL

 

Here's the preview link for that page, if that helps: https://www.wrapmanagerinstitutional.com/home2?hs_preview=XbbftYNY-4797820895

 

Within the Design Manager (https://app.hubspot.com/design-manager/10700/templates/5291754211)

 

I've added the Icon 7 (font awesome) within the Content Column and underneath the image slide as seen here: https://www.screencast.com/t/X85AH1JR0

 

I'm not a designer, so this is pretty far above my head, but I'd love any help I can get. 

 

Thanks! 

Sam

0 Upvotes
1 Accepted solution
sam-wrapmgr
Solution
Participant

Icons Not Appearing in Preview or Website Designer, but show in code & in the Design Manager

SOLVE

Hi David,

Thanks so much for reaching out! HubSpot Support was actually able to figure out that there was some head code missing from the template that wasn't properly rendering and fixed it. 

 

Here's what it looks like now: https://www.screencast.com/t/AFyuiiFmh 

 

And, here's some bonus info that HS provided me (for anyone with similiar issues) about How to Install Font Awesome! https://knowledge.hubspot.com/articles/kcs_article/cos-general/how-to-install-font-awesome

 

The complete listing of available font awesome icons is here: https://knowledge.hubspot.com/themes-user-guide/an-overview-of-theme-custom-modules#complete-list-of...

View solution in original post

0 Upvotes
3 Replies 3
dessery
Member | Platinum Partner
Member | Platinum Partner

Icons Not Appearing in Preview or Website Designer, but show in code & in the Design Manager

SOLVE

Hi Sam

 

In the link you provided where you are trying to implement it without luck, where should it be appearing on the page? Do you have a screenshot for how it should look that you can attach?

 

All the best

David

0 Upvotes
sam-wrapmgr
Solution
Participant

Icons Not Appearing in Preview or Website Designer, but show in code & in the Design Manager

SOLVE

Hi David,

Thanks so much for reaching out! HubSpot Support was actually able to figure out that there was some head code missing from the template that wasn't properly rendering and fixed it. 

 

Here's what it looks like now: https://www.screencast.com/t/AFyuiiFmh 

 

And, here's some bonus info that HS provided me (for anyone with similiar issues) about How to Install Font Awesome! https://knowledge.hubspot.com/articles/kcs_article/cos-general/how-to-install-font-awesome

 

The complete listing of available font awesome icons is here: https://knowledge.hubspot.com/themes-user-guide/an-overview-of-theme-custom-modules#complete-list-of...

0 Upvotes
dessery
Member | Platinum Partner
Member | Platinum Partner

Icons Not Appearing in Preview or Website Designer, but show in code & in the Design Manager

SOLVE

Hi Sam

 

Awesome, glad to hear you got it sorted 😉

 

All the best

David

0 Upvotes