CYBER MONDAY SALE! 30% DISCOUNT!! Coupon code:cm30 Enjoy!!!

Social Icons – Discord?

Home Forums Flash Free Social Icons – Discord?

This topic contains 9 replies, has 3 voices, and was last updated by  Ashish 6 months, 3 weeks ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1371781

    info1575
    Participant

    Hi – is it possible to include Discord as a social option, and have the icon with its logo?

    Is it possible for me to update the theme and add this myself?

    Thanks!
    Alan.

    #1371870

    Ashish
    Moderator

    Hi Alan

    First add custom link in your social menu like this: http://discord.com/username. Then, add following code inside Appearance > Customize > Additional CSS :

    .social-menu li a[href*='discord.com']::before {
        content: '\f392';
    }

    Regards,
    ThemeGrill Support Team.

    #1371911

    info1575
    Participant

    Hi Thanks for the reply – getter closer to working, but not quite there yet 🙂

    1. Just to correct the URL it’s ‘discord.gg’ not ‘discord.com’

    2. The version of Font Awesome in the flash theme doesn’t have the Discord icon (it appears in font awesome v 5.0) – so nothing appears for the icon… how do I update font awesome with this theme?

    Regards,
    Alan.

    #1371981

    Ashish
    Moderator

    Hi @info1575
    Yes, you can modify the CSS as per the link. And, you can create a child theme and override our font awesome file.

    https://themegrill.com/blog/tutorial-creating-wordpress-child-theme/

    Also, we’ll discuss upgrading FontAwesome version in our theme with our development team.

    Regards,
    ThemeGrill Support Team.

    #1372086

    jzwetow
    Participant

    @ashish I am having this same issue with the discord icon not showing up. I have already created a child theme do you have a process that shows how to override the awesome file.

    Note I already downloaded the new font-awesome file from their website.

    Thank you Jarrod

    #1372118

    Ashish
    Moderator

    @jzwetow
    So, do you have any issue with adding icon from the child theme? If so, let us know in detail. Thanks.

    #1372207

    jzwetow
    Participant

    @ashish I don’t know how to override the awesome font. What is the exact code?

    I just have an Icon with a square in it. It is located in the default location on the top header in the social Icons.

    I have the child theme with Style.css and functions.php with the and have entered the following code.

    /*
    Theme Name: Flash Child
    Theme URI: https://themegrill.com/themes/flash
    Description: Flash Child Theme
    Author: Jarrod Zwetow
    Author URI: http://example.com
    Template: flash
    Version: 1.0.5
    Text Domain: flash-child
    */
    /* =Theme customization starts here
    ——————————————————- */

    <?php /* * Child theme functions file * */ function flash_child_enqueue_styles() {

    $parent_style = ‘flash_style’; //parent theme style handle ‘flash_style’ //Enqueue parent and child theme style.css

    wp_enqueue_style( $parent_style, get_template_directory_uri() . ‘/style.css’ );
    wp_enqueue_style( ‘flash_child_style’, get_stylesheet_directory_uri() . ‘/style.css’, array( $parent_style ), wp_get_theme()->get(‘Version’)
    );
    }
    add_action( ‘wp_enqueue_scripts’, ‘flash_child_enqueue_styles’ );

    wp_enqueue_style( ‘flash-fonts’, ‘/fontawesome-free-5.0.13/web-fonts-with-css/css/fontawesome.min.css’, array() );
    ?>

    #1372240

    Ashish
    Moderator

    Hi @jzwetow
    As font awesome has changed the CSS classes of icons, it seems updating it would cause other icons not to work. So, for now, there seems no way to get new font awesome icon. Though, we’ll take deep research on it.
    BTW, you can add following code to override Flash font-awesome:
    wp_enqueue_style( 'font-awesome', 'https://use.fontawesome.com/releases/v5.0.13/css/all.css' , array(), false, false);

    Thanks.

    #1372316

    jzwetow
    Participant

    @ashish that code didn’t do anything.

    If you goto newsbits.io and look at the top right corner you will see a social icon with a square in it.

    #1372514

    Ashish
    Moderator

    @jzwetow
    Try replacing previous code with:
    wp_enqueue_style( 'fontawesome', 'https://use.fontawesome.com/releases/v5.0.13/css/all.css' , array(), false, false);

    Please note that while checking here it seems icon code ( old way ) is not working with new fontawesome version. So, for now, it is not possible to add discord icon with fontawesome in our theme. Thanks.

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.