Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 27, 2019 at 6:48 pm #1142884
    jonrouse

    Hi,
    I’m trying to change the overlay icon on a portfolio item grid. I’m putting the following code in my child theme’s functions.php but nothing is changing.

    
add_filter('avf_default_icons','avia_replace_standard_icon', 10, 1);

function avia_replace_standard_icon($icons)
{
$icons['ov_external']	= array( 'font' =>'entypo-fontello', 'icon' => 'ue889');
return $icons;
}

    Can anyone tell me what I’m doing wrong please?!

    September 30, 2019 at 4:08 am #1143201
    Mike

    Hey jonrouse,
    I tested your code and it seems to be working, that is it will change facebook into a bitcoin:

    add_filter('avf_default_icons','avia_replace_standard_icon', 10, 1);
 function avia_replace_standard_icon($icons)
 {
 $icons['facebook']	= array( 'font' =>'entypo-fontello', 'icon' => 'ue92a');
 return $icons;
 }

    but on my test site I didn’t find a external link overlay right away. So I tested this on a woocommerce cart and facebook icons instead, please give it a try and see if it works for you.
    What I did notice is the icon code you entered didn’t show up in the default icons filter in the functions.php so I don’t think you can use ue889 for this.

    Best regards,
    Mike

    September 30, 2019 at 10:34 am #1143270
    jonrouse

    HI Mike,

    Thanks for getting back to me on this. What I was looking for was to change the standard image overlay icon into a normal arrow.
    I can inspect the page and currently see this:

    content: '\E832';
font-family: 'entypo-fontello';

    The one I want to change it to display as Charcode: ue87d in the add icon tool on ALB, I see the one that it’s currently set to shows as Charcode: ue832 in the add icon tool. Not sure if that’s any help?

    Basically, I just want to make it look different to the standard icon that we’ve used on so many Enfold sites!

    September 30, 2019 at 5:25 pm #1143434
    jonrouse

    Hi again Mike,

    I got chance to look in the forums today and I found an old post by Rikard here

    I was able to change through CSS using

    .image-overlay .image-overlay-inside:before {
  content: "\E87D"!important;
  font-family: 'entypo-fontello'!important;
}

    it seems like the u is replaced by a \ and everything set to caps. Works great.
    Thanks for your help!

    September 30, 2019 at 6:18 pm #1143463
    Nikko

    Hi jonrouse,

    Glad that Mike helped you :)
    And yes u is replaced with \ however it’s not need to have it in caps.
    Let us know if you need further assistance or if we can close this thread.

    Best regards,
    Nikko

    September 30, 2019 at 6:22 pm #1143466
    jonrouse

    Great, consider this closed thanks Nikko. I’m sure i’ll be pestering you guys again in the next few days!

    September 30, 2019 at 6:28 pm #1143470
    Nikko

    Hi jonrouse,

    I’ll be closing this thread then and we’ll see you when you create a new thread :D
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Having a problem changing an icon’ is closed to new replies.