SPB> Picture> How to Change the Font Awesome icon that appears on hover ?

[mengeco]

Hello,

SPB> Picture> How to Change the Font Awesome icon that appears on hover ?

Best regards

[mengeco]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

What is the new font awesome icon you wish to use?

-Rui

[Kyle – SUPPORT]

Hi

You would need to edit wp-content/plugins/swift-framework/page-builder/shortcodes/media.php, line 141:

$link_icon = apply_filters( 'sf_link_icon' , '<i class="ss-link"></i>' );
$view_icon = apply_filters( 'sf_view_icon' , '<i class="ss-view"></i>' );

However this is not something that can be saved in the child theme so you will need to remember to make the change each time you update the swift framework plugin

– Kyle

[mengeco]

If the new icon is “icon-reorder” what must change in code ?
Thanks !!

[Kyle – SUPPORT]

Change ss-link or ss-view to fa-reorder

– Kyle

[mengeco]

OK, and is it possible to change icon size ?

[Rui Guerreiro – SUPPORT]

Sure. Add the code below to your custom css option and adjust the font-size value

figure.animated-overlay:hover figcaption .thumb-info-alt i {
    font-size: 60px!important;
}

Hope it helps.

-Rui

[Kyle – SUPPORT]

Sure, add this to your custom css:

figcaption .thumb-info-alt > i {
  font-size: 28px;
}

– Kyle

[mengeco]

Great, thanks !!

And for more information, in code

$link_icon = apply_filters( 'sf_link_icon' , '<i class="ss-link"></i>' );
$view_icon = apply_filters( 'sf_view_icon' , '<i class="ss-view"></i>' );

I change “ss-view”, it’s ok.
But, if I change “ss-link”, what is the icon that is replaced?

Thanks !

[Kyle – SUPPORT]

If you’re using a link for the image instead of lightbox, it will show the link icon

– Kyle

[mengeco]

Ok, thank you very much !!!

[Kyle – SUPPORT]

No problem 🙂