Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 15, 2020 at 2:07 pm #1173990
    I-Visio

    Hello,

    I applied a Lightbox effect on the link of my images but the hover is a “double arrow”, is it possible to change that by another icon, for example a magnifying glass ?

    Thanks

    January 15, 2020 at 2:50 pm #1174016
    Yigit

    Hi,

    Please refer to this post – https://kriesi.at/documentation/enfold/icon/#change-icon-used-for-standard-theme-elements-

    You can go to Enfold theme options > Advanced Styling and edit “Linked Image Overlays” for more customization :)

    Cheers!
    Yigit

    January 15, 2020 at 4:03 pm #1174571
    I-Visio

    Hey,

    Thanks for you answer, I tried to change the double arrow by the magnifying glass with the their charcodes : 

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

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

    But it doesn’t work.. the double arrow is still appearing
    am I doing something wrong ?

    January 15, 2020 at 4:24 pm #1174578
    Yigit

    Hi,

    Could you please try adding following code to Quick CSS in Enfold theme options > General Styling 

    .image-overlay .image-overlay-inside:before {
    content: '\E803';
}

    Regards,
    Yigit

    January 15, 2020 at 5:09 pm #1174610
    I-Visio

    Hey,

    It works, thanks a lot !

    A last question, is it possible to remove the black background around the icon ?

    thanks

    January 15, 2020 at 5:13 pm #1174615
    Yigit

    Hi,

    Have you tried editing Linked Image Overlays in Enfold theme options > Advanced Styling? If you have and it did not work, please post a link to your page and a screenshot showing the changes you would like to make :)

    Best regards,
    Yigit

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