function enqueue_fa_script()  {
	
wp_enqueue_script('fascript','https://kit.fontawesome.com/8b5c83d55f.js') ; 
}
add_action('wp_enqueue_scripts', 'enqueue_fa_script');

I got the kit code from font awsome website:

<script src="https://kit.fontawesome.com/8b5c83d55f.js" crossorigin="anonymous"></script>

my html code is :

<div class="header-section3">				
		 direct bellen			
	</div>			
		<div class= "tel-icon">				
				<i class="fa-solid fa-phone-xmark"></i>
			</div> </div>

the problem is it is not working I don’t anderstand why?
wat can be the error?
thanks

Im using the code below which works for Gravity forms and all other occurrences within WordPress except anything within Woocommerce pages and plugins, for example the ‘Accept Terms & Conditions’ checkbox on the checkout page.

/*** custom checkboxes ***/

input[type=checkbox] { display:none !important; } /* to hide the checkbox itself */
input[type=checkbox] + label:before {
  font-family: 'Font Awesome 5 Free' !important;
  display: inline-block;
}

input[type=checkbox] + label:before { content: "\f00d"; font-weight: 900; color: #f45c42; } /* unchecked icon */
input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

input[type=checkbox]:checked + label:before { content: "\f00c";     font-weight: 900; color: #bef441; } /* checked icon */
input[type=checkbox]:checked + label:before { letter-spacing: 10px; } /* allow space for check mark */

### WordPress Environment ###

Home URL: https://staging.indycoffee.guide
Site URL: https://staging.indycoffee.guide
WC Version: 3.4.5
Log Directory Writable: ✔
WP Version: 4.9.8
WP Multisite: –
WP Memory Limit: 256 MB
WP Debug Mode: –
WP Cron: ✔
Language: en_GB
External object cache: –

### Server Environment ###

Server Info: Apache
PHP Version: 7.2.10
PHP Post Max Size: 32 MB
PHP Time Limit: -1
PHP Max Input Vars: 1000
cURL Version: 7.29.0
NSS/3.34

### Active Plugins (26) ###

Shield Security: by One Dollar Plugin – 6.9.4
Gravity Forms: by rocketgenius – 2.2.2
WooCommerce added to basket popup (Ajax): by XootiX – 1.3 – Not tested with the active version of WooCommerce
Code Snippets: by Shea Bunge – 2.12.0
Fusion Builder: by ThemeFusion – 1.7
Fusion Core: by ThemeFusion – 3.7
Fusion White Label Branding: by ThemeFusion – 1.1
Gravity Forms Zapier Add-on: by rocketgenius – 1.8.3
iThemes Security Pro: by iThemes – 4.6.1
Logos Showcase: by Carlos Moreira – 1.9.2.1
Max Mega Menu - Pro Addon: by Tom Hemsley – 1.7
Max Mega Menu: by megamenu.com – 2.5.2
Quick Featured Images: by Martin Stehle – 13.3.2
Slider Revolution: by ThemePunch – 5.4.8
WooCommerce Dynamic Pricing & Discounts: by RightPress – 2.2.5 – Not tested with the active version of WooCommerce
WooCommerce Advanced Product Labels: by Jeroen Sormani – 1.1.4 – 1.1.5 is available – Not tested with the active version of WooCommerce
WooCommerce Conditional Shipping and Payments: by SomewhereWarm – 1.3.1 – 1.4.1 is available – Not tested with the active version of WooCommerce
WooCommerce Print Invoice & Delivery Note: by Tyche Softwares – 4.4.3 – Not tested with the active version of WooCommerce
WooCommerce Min/Max Quantities: by WooCommerce – 2.4.1 – 2.4.5 is available – Not tested with the active version of WooCommerce
WooCommerce Pre-Orders: by WooCommerce – 1.5.8 – 1.5.10 is available – Not tested with the active version of WooCommerce
WooCommerce Product Table: by Barn2 Media – 2.2.2
WooCommerce Zapier Integration: by OM4 – 1.7.4
WooCommerce: by Automattic – 3.4.5
WP All Export Pro: by Soflyy – 1.4.7
WP All Import Pro: by Soflyy – 4.4.3
WP Google Map Pro: by flippercode – 5.0.3

### Settings ###

API Enabled: –
Force SSL: –
Currency: GBP (￡)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 2
Taxonomies: Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)

### WC Pages ###

Shop base: #1179 - /shop/
Basket: #1180 - /basket/
Checkout: #3394 - /checkout/
My account: #1182 - /my-account/
Terms and conditions: #3495 - /returns-refund-policy/

### Theme ###

Name: Avada Child
Version: 1.0.0
Author URL: https://theme-fusion.com
Child Theme: ✔
Parent Theme Name: Avada
Parent Theme Version: 5.7
Parent Theme Author URL: https://themeforest.net/user/ThemeFusion
WooCommerce Support: ✔

### Templates ###

Overrides: Avada/woocommerce/cart/cart.php
Avada/woocommerce/checkout/form-pay.php
Avada/woocommerce/checkout/review-order.php
Avada/woocommerce/checkout/thankyou.php
Avada/woocommerce/loop/loop-start.php
Avada/woocommerce/single-product/add-to-cart/variable.php
Avada/woocommerce/single-product/short-description.php
Avada/woocommerce/single-product/tabs/additional-information.php
Avada/woocommerce/single-product/tabs/description.php

I would like to use font-awsome css values to add stacked font awesome icons above the section title. I would like to implement this with CSS and/or HTML to add to my existing code.

i.e.

1. A heart shape centered with a circle around it
2. The stacked icons should be centered above the section title

Please recommend using font-awsome css values only i.e. “/f122”

Cheers
BJ

When you hover your mouse over the feature font-awesome icons in the main page, a special effect appears. How do I disable this permanently>

This is what I have tried so far:

.feature-item .feature-icon {
transition: none;
}

Cheers
Brody james

I would like to add 1 line of text under the button over the hero image that you see in the screenshot below. The line will have my e-mail address and a font-awesome icon before it. Can CSS accomplish this using Simple Custom CSS? I also want to style the text a certain way. Please and thank you.

Screenshot: https://s17.postimg.org/ytyjdy7kf/brody2.png

Your friend in WordPress,
Brody

I changed the default fa-circle icon to fa-circle-thin in section-features.php. The stacked icon i.e. star icon lost its color and became white. Can you please show me how to change it back to its original (blue) color? I would like the stack icon the same as fa-circle-thin (in the feature section)? Thanks in advance

Screenshot https://s16.postimg.org/i73shnvh1/white_star.png

Your friend in WordPress
Brody

I am a new member here and I am grateful for the support you have shown so far. I would like your help with another section to increase font size for font-awesome icons. Specifically, I would like to increase the the 4 icons in the service section to match the size of the feature section that I recently changed but my CSS in the .service-item does not work. Please advise changes. Thanks in advance.

This is the code I was using for Feature section:
.feature-item .fa-5x { font-size: 5em; }

This is the code I am using for service section that does not work:
.service-item .fa-5x { font-size: 5em; }

Screenshot of Service section
https://s10.postimg.org/49patk8p5/services_revised.jpg

How do I use CSS to enlarge the 4 circle font-awesome icons and the layered font-awesome icons in the “Features” section underneath the slider?

Thank you in advance