HTML - Correcting Social Icons in Footer

Developer Support CMS Development
1
  1. Public links to the page(s) or template(s) you are working on: footer for https://www.platinum-grp.com
  2. Please provide formatted code you are working on: I deleted Google Plus from the “Social Icon” section in the left side bar of the global footer content. The line for LinkedIn moved up into its space, but its icon was lost and GooglePlus icon remains. Here is a snippet of code from the developer section of the home page:
  3. 5551,"listing_template_path":"generated_layouts/12239465551.html","item_template_is_shared":true,"uses_default_template":false,"default_group_style_id":"","show_summary_in_emails":true,"use_featured_image_in_summary":true,"url_segments":{"all":"all","page":"page","tag":"tag","archive":"archive","author":"author"},"url_base":"www.platinum-grp.com/webinars","show_summary_in_listing":true,"show_summary_in_rss":true,"show_social_link_twitter":true,"show_social_link_facebook":true,"show_social_link_linkedin":true,"default_notification_reply_to":"","default_notification_from_name":"","subscription_contacts_property":"blog_webinars_8452554633_subscription","subscription_lists_by_type":{},"subscription_form_guid":"0f9165d6-5844-4d5a-8df4-6bd6ae619c2a","subscription_email_type":null,"email_api_subscription_id":6304400,"instant_notification_email_id":null,"daily_notification_email_id":null,"weekly_notification_email_id":null,"monthly_notification_email_id":null,"enable_social_auto_publishing":false,"enable_google_amp_output":true,"social_account_twitter":"@PlatinumGrpAvl","date_formatting_language":"en_US","publish_date_format":"medium","comment_form_guid":"230bfd52-82be-46c7-90e7-20fed933fb13","comment_date_format":"medium","comment_max_thread_depth":3,"month_filter_format":"MMMM yyyy","rss_custom_feed":null,"rss_description":null,"rss_item_header":null,"rss_item_footer":null,"legacy_tab_id":null,"legacy_module_id":null,"legacy_guid":null,"amp_header_color":"#ffffff","amp_header_background_color":"#ffffff","amp_body_color":"#404040","amp_link_color":"#416bb3","amp_header_font":"'Helvetica Neue', Helvetica, Arial, sans-serif","amp_header_font_size":"36","amp_body_font":"'Helvetica Neue', Helvetica, Arial, sans-serif","amp_body_font_size":"18","amp_logo_src":"https://cdn2.hubspot.net/hubfs/428763/Platinum%20Group-dark-no%20insurance,%20accounting%20or%20payroll%20-%20small.png","amp_logo_alt":"Platinum Group
  4. I have also attached an image of the lines of code in the global footer section.

30268i2C6E159F685D0596.png
30268i2C6E159F685D0596.png372×499 26.7 KB

30269iE022EB2321FB82E7.jpg
30269iE022EB2321FB82E7.jpg999×464 71.8 KB

  1. What resources you have consulted already: HubSpot Support Chat
  2. Level of coding experience: none
2

Hey @Julie-PG

Thank you for the detailed information provided. This would be helpful for our experts to share their thoughts with you.

Hey @SandyG1 @Jake_Lett @DavidFJones any advice you can give to @Julie-PG?

Thank you & Happy Friday :grinning_face:

Sharon

3

.Are you familiar with CSS? The icons are applied in your stylesheet using the FontAwesome icon font. You would need to to adjust this rule property with “\f0e1”

row-fluid .footer-icon ul li:nth-child(3) a:before {

content: “\f1a0”;

font-family: ‘FontAwesome’;

display: block;

}

Place to reference the older FontAwesome icons fa-linkedin: Font Awesome Icons

Let me know if you need development help.

Jacob Lett

Freelance HubSpot CMS Developer & Web Designer


28844i368E9AAC739341A8.png

Located in Michigan, USA

Get a free estimate now ›

4

Thank you so much for the CSS information, Jacob.

I do not have experience with coding, so would be interested in hiring it to be done. Would this interest you?

Thanks again for your help.

Julie

5

Thanks Julie I will email you directly. You may want to delete and/or edit and remove your email address from your last posts. Spammers often collect email addresses out in the public and who needs more spam right?