Change closing button

Forums Easy FancyBox Pro Change closing button

This topic contains 3 replies, has 2 voices, and was last updated by  Pharéo 1 week ago.

  • Author
    Posts
  • #13805

    Tomas Pernek
    Participant

    Hi there! I am using Fancy Box Premium to show popup videos in Slider Revolution and Essential Grid. I am wondering if there is a way to alter the looks of the closing “X”? I would like for it to look like it does here

    https://eu.patagonia.com/se/en/done-in-an-r1.html#/home

    Any suggestions?

    best

    /Tomas

  • #13818

    Pharéo
    Participant

    Hi Thomas, I tried that site but can’t find any close button. In any case, you would need to resort to custom CSS to replace the FancyBox close button.

    This custom CSS can be added to the theme customizer CSS field or it can be added by a plugin. This may be pure CSS or CSS with a replacement background image.

    As it stands, we have a little test plugin available that is meant to be integrated into a future version of Easy FancyBox Pro. The test plugin simply replaces the default button and arrow icons with a more modern (flat) style. In this case, white on green but you could replace the images with your own…

    Let me know if you would like to receive the icons plugin to play around with it 🙂

  • #13895

    Tomas Pernek
    Participant

    Hi!

    Yes, that would be great to have the new plugin to play around with.

    Also, is it possible to disable scrolling of the page when fancy box is active? If I click on a Vimeo-link it would be great if the pop-up stays centered and that you can not do anything else then watch it before closing with the X?

    Best

    /Tomas

  • #13919

    Pharéo
    Participant

    Hi Tomas, you can find the test plugin attached 🙂

    About the scrolling: An option to disable background scrolling is planned for a future release but what you can do right now is add a custom CSS rule in your theme Customizer:

    
    .fancybox-active { overflow: hidden; }
    
    Attachments:
    You must be logged in to view attached files.

You must be logged in to reply to this topic.