Support » Plugins and Hacks » [Resolved] [Plugin: Easy FancyBox] Can't change width of Fancy Box Title

[Resolved] [Plugin: Easy FancyBox] Can't change width of Fancy Box Title

  • Hello! I have tried and tried to change the width of the Title box that appears below images, but just can’t get anything to work. I’ve tried editing the width of all instances of the class of “.fancy-box-title” in the plugin’s css. I gave the box rounded corners, and changed the color, so I know that changes within the css is working, just not the width for some strange reason. Can anyone point me in the right direction? Thank you!


Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author RavanH


    could you try giving a forced width to #fancybox-title-float-main instead?

    Hello! First of all, I wanted to say THANK YOU for being so timely with your responses! Great support. I appreciate it.

    Ok, well unfortunately though, I have tried giving a width to that div and all the other divs and classes related to the title. Nothing changes it. It’s very odd. Does it work on your end?

    Plugin Author RavanH


    Yes, adding

    <style type="text/css">#fancybox-title-float-main{width:600px;text-align:center}</style>

    just before the closing </head> tag does indeed set the width of the title float box (with the rounded corners) to 600 pixels and centering title text. Have not tested how very long titles overflow.

    haha, this is so odd! Just in case it helps you, the title automatically adjusts to the exact width of the image or video that is within the fancybox. Does that tell you anything at all, or no? or, if you go to http://thewoodstock.co.za/the-sir-lowry/ and click on one of the images, you will see what I mean.

    Plugin Author RavanH


    OK, now I see what you mean. A link is always helpfull 😉

    You are using title tosition “Outside”, while I was talking about “Float”… The first one works with a div that gets style added depending on the box size afterwards, no matter what stylesheet rules you set. The last one works with a table where you have control over the inner table cell (#fancybox-title-float-main) where the title lives.

    Can you switch to Float title position? With the Outside position it is simply not possile, or you would have to hack the FancyBox extension core file…

    Ok, perfect! I will use Float, then. Thanks again for all your help! Great plugin.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] [Plugin: Easy FancyBox] Can't change width of Fancy Box Title’ is closed to new replies.