Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #23454

    Hey, I’m using the Enfold theme for a Real Estate site. I was trying to add an Instagram icon to the icon list and add that to the top of the site. I can’t find the icon folder in the theme files to change or add to that. I found in the functions file that there were all these numbers and thought that maybe it might be more complicated to do that than I thought.

    ‘tumblr’ => ‘’, //219

    ‘twitter’ => ‘’, //210

    ‘vimeo’ => ‘’, //208

    #119857

    Here is what I did to add the Instagram icon in there:

    1. Open the functions.php found in the /wp-content/themes/enfold folder, find the list of font icons and add Instagram to the list. (I added it underneath Facebook)

    ‘instagram’ => ‘’,[/CODE]

    [B]2.[/B] Open the register-admin-options.php found in the /wp-content/themes/enfold/includes/admin folder , find the list of social icons and add Instagram to the list. (I added it underneath Facebook)
    [CODE]’Instagram’ => ‘instagram’,[/CODE]

    [B]3.[/B] Open the layout.css found in the /wp-content/themes/enfold/css folder, find the social_bookmarks and add Instagram to the list. Pick a colour for the icon too. (I added it underneath Facebook and the icon is brownish)
    [CODE]#top .social_bookmarks_instagram:hover a{color:#fff; background-color:#61380B; }[/CODE]

    You can see the edit live on my site at http://jeutie.info – social icons are in the footer. Hope it helps!

    [CODE]’instagram’ => ‘’,[/CODE]

    2. Open the register-admin-options.php found in the /wp-content/themes/enfold/includes/admin folder , find the list of social icons and add Instagram to the list. (I added it underneath Facebook)

    ‘Instagram’ => ‘instagram’,[/CODE]

    [B]3.[/B] Open the layout.css found in the /wp-content/themes/enfold/css folder, find the social_bookmarks and add Instagram to the list. Pick a colour for the icon too. (I added it underneath Facebook and the icon is brownish)
    [CODE]#top .social_bookmarks_instagram:hover a{color:#fff; background-color:#61380B; }[/CODE]

    You can see the edit live on my site at http://jeutie.info – social icons are in the footer. Hope it helps!

    [CODE]’Instagram’ => ‘instagram’,[/CODE]

    3. Open the layout.css found in the /wp-content/themes/enfold/css folder, find the social_bookmarks and add Instagram to the list. Pick a colour for the icon too. (I added it underneath Facebook and the icon is brownish)

    #top .social_bookmarks_instagram:hover a{color:#fff; background-color:#61380B; }[/CODE]

    You can see the edit live on my site at http://jeutie.info – social icons are in the footer. Hope it helps!

    [CODE]#top .social_bookmarks_instagram:hover a{color:#fff; background-color:#61380B; }[/CODE]

    You can see the edit live on my site at http://jeutie.info – social icons are in the footer. Hope it helps!

    #119858

    Hi!

    Thanks jeutie for helping us out :)

    Best regards,

    Peter

    #119859

    What was the number that gave you the instagram icon then?

    #119860

    FYI, it’s found http://www.entypo.com/characters/ and the number is: 62253

    #119861

    Hey,

    Glad it is fixed. :)

    Cheers,

    Ismael

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

The topic ‘Enfold Instagram Icon’ is closed to new replies.