Hello @ katbrat,
It seems you are facing Font-Awesome conflicts with other plugins/modules. Would you please add following scripts to your Additional CSS section under customizer?
@import url('<your-site-url>/wp-content/themes/elegant-magazine/assets/font-awesome-v5/css/fontawesome-all.min.css');
It must solve your issues. Please note “<your-site-url>” must be replaced with your site url.
Thanks,
I prefer not to use @import due to the slow loading it causes. Also it says the function is not allowed in the CSS anyways.
I tried using
/**
* Load FontAwesome Fix.
*/
function font_awesome_styles() {
wp_enqueue_style( 'Font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' );
}
add_action( 'wp_enqueue_scripts', 'font_awesome_styles' );
in function.php Editor and it fixes the arrows but removes other icons. Is there another fix to this? I want to purchase the full version but I won’t until I know the theme works appropriately for me please.
Hello @katbrat,
We have used font-awesome version 5 for the theme. On that case. you can also fetch the local file with following code snippets.
function elegant_magazine_font_awesome_v5_styles(){
wp_enqueue_style('font-awesome-v5', get_template_directory_uri() . '/assets/font-awesome-v5/css/fontawesome-all.min.css');
}
add_action('wp_enqueue_scripts', 'elegant_magazine_font_awesome_v5_styles');
