Tagged: 

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

    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

    #1174016

    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

    #1174571

    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 ?

    #1174578

    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

    #1174610

    Hey,

    It works, thanks a lot !

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

    thanks

    #1174615

    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

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

You must be logged in to reply to this topic.