Change closing button

› Forums › Easy FancyBox Pro › Change closing button

Viewing 3 reply threads
  • Author
    Posts
    • 8 April 2019 at 14:47 #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

    • 10 April 2019 at 13:57 #13818
      Pharéo
      Keymaster

      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 🙂

    • 12 April 2019 at 06:54 #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

    • 14 April 2019 at 00:52 #13919
      Pharéo
      Keymaster

      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.
  • Author
    Posts
Viewing 3 reply threads
  • You must be logged in to reply to this topic.