Okay
  Public Ticket #1899855
Social Media Icons
Closed

Comments

  • VictorLab started the conversation

    Hi,


    Love this theme, been very happy with it !

    I was wondering how I could change the social media text to icons. I haven't found any options in the theme menu.


    Thanks in advance !

  •  1,974
    Support replied

    Hello,

    1. open /include/defines.php and change 

    $grenada_social_links = array('Fb' => esc_html__('Facebook', 'grenada'),
    'Tw' => esc_html__('Twitter', 'grenada'),
    'Be' => esc_html__('Behance', 'grenada'),
    'Db' => esc_html__('Dribbble', 'grenada'),
    'Gp' => esc_html__('Google Plus', 'grenada'),
    'In' => esc_html__('Instagram', 'grenada'),
    'Ld' => esc_html__('Linkedin', 'grenada'),
    'Wa' => esc_html__('WhatsApp', 'grenada'),
    'Da' => esc_html__('DeviantArt', 'grenada'),
    'Dg' => esc_html__('Digg', 'grenada'),
    'Fr' => esc_html__('Flickr', 'grenada'),
    'Fq' => esc_html__('Foursquare', 'grenada'),
    'Gi' => esc_html__('Git', 'grenada'),
    'Pn' => esc_html__('Pinterest', 'grenada'),
    'Rd' => esc_html__('Reddit', 'grenada'),
    'Sk' => esc_html__('Skype', 'grenada'),
    'Sc' => esc_html__('Souncloud', 'grenada'),
    'Su' => esc_html__('Stumbleupon', 'grenada'),
    'Tb' => esc_html__('Tumblr', 'grenada'),
    'Ya' => esc_html__('Yahoo', 'grenada'),
    'Ye' => esc_html__('Yelp', 'grenada'),
    'Yt' => esc_html__('Youtube', 'grenada'),
    'Vm' => esc_html__('Vimeo', 'grenada'),
    'Xg' => esc_html__('Xing', 'grenada') );

    so that instead of the text will be the fontawesome class for the icon

    for example change 'Fb' with 'facebook'

    2. open /sections/footer_social_links_section.php

    and change line 18 from

    $grenada_social_links .= '<li><span class="parallax-wrap"><a class="parallax-element" href="' . esc_url( $social_url ) . '" target="_blank">' . wp_kses_post( $social_name ) . '</a></span></li>';

    to

    $grenada_social_links .= '<li><span class="parallax-wrap"><a class="parallax-element" href="' . esc_url( $social_url ) . '" target="_blank"><i class="fa fa-' . wp_kses_post( $social_name ) . '"></i></a></span></li>';

    Hope it helps

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Kartik Solanki replied

    Hi,

    I tried this solution. But nothing shows up. Neither Icons nor Text. I have one doubt:

    In defines.php, I changed 'Fb' in 

    $grenada_social_links = array('Fb' => esc_html__('Facebook', 'grenada'), 

    to 

    $grenada_social_links = array('facebook' => esc_html__('Facebook', 'grenada'),


    Is this what you are trying to convey?

  •  1,974
    Support replied

    You have to do the step 2 as well, changing just defines.php is not enough.

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Kartik Solanki replied

    I did both. Nothing shows up, neither icons nor text.

  •  1,974
    Support replied

    Hello,

    We can do it for you for a fee, but you may find it expensive, so that's why we first explaining where/what to modify so you can do it yourself.


    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  1
    Jose Urbina replied

    Hi! 

    I've got it! 

    A few clues, that probably support won't tell you... 

    1. Install Font Awesome plug-in (maybe that was the main problem)

    2. After you make the changes, make sure you go to theme options and re-asign each social network to the respective link. 

    Your welcome! 

  • Kartik Solanki replied

    That worked like a charm! I thought Font Awesome Plugin is already included. I got this working. Thanks a lot, Jose Urbina. I really appreciate that.