Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 26, 2017 at 6:59 pm #739084
    bkheld

    Hi –

    I followed the instructions here for “using images” as custom social media icons: http://kriesi.at/documentation/enfold/custom-social-icons/

    by pasting the code into my functions.php for “using images,” and also the “In case of using an image” code into my quick CSS

    However, instead of showing the kreisi logo, it’s showing a pencil icon.

    (Ultimately I want the image to be an PNG linked in private content, but I wanted to first test the code before customizing it myself.)

    Can you please advise how to fix? Thank you!

    January 26, 2017 at 9:02 pm #739124
    Basilis

    Hey bkheld!

    Can you please paste us what code you used for the icon and how to replace it?
    Thank you

    Best regards,
    Basilis

    February 7, 2017 at 8:26 pm #744067
    bkheld

    I used the following in the functions.php:

    <?php

//We'll use the Kriesi.at glyph for this example
function avia_add_custom_social_icon($icons) {
	$icons['Kriesi'] = 'kriesi';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    and in quick CSS:

    /*custom iheartradio icon */
#top #wrap_all .av-social-link-kriesi a:before{
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png) no-repeat center center;
    background-size: contain;
}

    and then under “Social Profiles” I added the “Kreisi” icon with a link.

    February 11, 2017 at 10:57 am #745743
    Vinay

    Hi,

    Glad you got it sorted. Please do let us know if you have more questions, we are happy to help!

    Thank you for using Enfold :)

    Best regards,
    Vinay

    March 3, 2017 at 10:29 pm #755387
    bkheld

    Hi – I didn’t get it sorted out, that code isn’t working. The icon does not show up.

    March 9, 2017 at 8:22 am #758214
    Ismael

    Hey!

    Please remove the css code then use this one instead.

    #top #wrap_all .social_bookmarks_kriesi a {
    background: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png) no-repeat center center;
    background-size: 14px 16px;
}

#top #wrap_all .social_bookmarks_kriesi a:before {
    content: '';
}

    Regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.