WordPress.org

Forums

Easy FancyBox
[resolved] Can't change width of Fancy Box Title (7 posts)

  1. Preeminent
    Member
    Posted 3 years ago #

    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!

    http://wordpress.org/extend/plugins/easy-fancybox/

  2. RavanH
    Member
    Plugin Author

    Posted 3 years ago #

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

  3. Preeminent
    Member
    Posted 3 years ago #

    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?

  4. RavanH
    Member
    Plugin Author

    Posted 3 years ago #

    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.

  5. Preeminent
    Member
    Posted 3 years ago #

    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.

  6. RavanH
    Member
    Plugin Author

    Posted 3 years ago #

    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...

  7. Preeminent
    Member
    Posted 3 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic