CMS Development

Julie-PG
Member

HTML - Correcting Social Icons in Footer

SOLVE

 

  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.
  5. Screen Shot 2020-08-13 at 12.47.00 PM.pngScreen Shot 2020-08-13 at 12.51.51 PM.png
  6. What resources you have consulted already: HubSpot Support Chat
  7. Level of coding experience: none
0 Upvotes
1 Accepted solution
Jake_Lett
Solution
Guide | Partner
Guide | Partner

HTML - Correcting Social Icons in Footer

SOLVE
.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;

View solution in original post

4 Replies 4
Jake_Lett
Solution
Guide | Partner
Guide | Partner

HTML - Correcting Social Icons in Footer

SOLVE
.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;

Julie-PG
Member

HTML - Correcting Social Icons in Footer

SOLVE

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

0 Upvotes
Jake_Lett
Guide | Partner
Guide | Partner

HTML - Correcting Social Icons in Footer

SOLVE

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?

sharonlicari
Community Manager
Community Manager

HTML - Correcting Social Icons in Footer

SOLVE

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 😀

Sharon


Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !




0 Upvotes