Easy FancyBox
[resolved] Customising Easy Fancybox using CSS or whatever (8 posts)

  1. pace@bigpond.com
    Posted 4 years ago #


    Is it possible to customise Easy Fancybox using CSS and if so, how would this be done.

    I'm trying to increase the font size of an inline content using easy fancybox but can't find a way to do this.

    Your help will be much appreciated.



  2. RavanH
    Plugin Author

    Posted 4 years ago #

    You can use the plugin Custom CSS that loads after the fancybox.css to add extra rules that will affect your fancybox content.

    Something like:

    #fancybox-content {
  3. pace@bigpond.com
    Posted 4 years ago #

    Thank you so much RavanH for your reply. This works perfectly.

    Can I ask where I can get a list of other CSS parameters that I can use to change the look of fancybox.

    Many thanks!!

  4. RavanH
    Plugin Author

    Posted 4 years ago #

    Sorry, I don't know of such a list... There are many tags available, but I can tell you the main ones:


    If you want to see them all, I can advise using the Google Chrome (or the open Chromium) browser to visit your site, then click any content to open in FancyBox and then right-click that content and select 'Inspect element'... You'll get to see the DOM structure that is wrapping the content and all the parts that make up FancyBox :)

  5. pace@bigpond.com
    Posted 4 years ago #

    Thanks for the tip RavanH. You've been very helpful.


  6. pace@bigpond.com
    Posted 4 years ago #

    Hi RavanH,

    Had a look at all the elements using 'Inspect element' and I can't for the life of me find the element/tag that controls the width of the pop up window when I'm trying to display in-line content.

    The in-line content window is defaulting to current browser width less a few px and I'm trying to restrict it to a maximum of 710px. Is this possible?

  7. RavanH
    Plugin Author

    Posted 4 years ago #

    In the case of inline content, you need to give that inline content size parameters that FancyBox will be able to read. Like:

    <div id="myinlinecontentID" style="width:710px;height:400px" ...

    If you need relative sizes with max width you might experiment with something like "width:80%;max-width:710px;..." but I have no idea if that will work at all.

  8. willwoffjr
    Posted 3 years ago #

    can you tell me how I can change the default font in easy fancybox so that my description/caption text is Georgia?

    I am using it in conjuction with nextgen, but not sure which is controlling the description text.


Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic