Change closing button

Your Account / Forums / Easy FancyBox Pro / Change closing button

  • Author
    • April 8, 2019 at 2:47 pm #13805

      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

      Any suggestions?



    • April 8, 2019 at 2:47 pm #13818

      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 🙂

    • April 8, 2019 at 2:47 pm #13895


      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?



    • April 8, 2019 at 2:47 pm #13919

      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; }
      You must be logged in to view attached files.
  • You must be logged in to reply to this topic.