More in this section

Forums / General Discussions / Fancy Box background issues

Fancy Box background issues

2 posts, 1 answered
  1. Robert
    Robert avatar
    49 posts
    Registered:
    21 Feb 2011
    16 May 2012
    Link to this post
    I have a number of issues with the Fancy Box control found at:  http://www.sitefinity.com/marketplace/modules/random-site-controls-for-sitefinity.aspx

    maybe Steve is around to offer some advice?

    issue:  can't change the bg color of the overlay.  it's being overwritten by some inline element i am not sure how to access.

    issue: overlay only displays the height of the page visible in the browser at the time of the click event.  if you have a super long page, and you click to open the overlay, the bg overlay stays positioned at the top, and is only as high as the browser height at the time of the click. stretching the browser to be longer shows no overlay (see screen shot 1)

    issue:  links in the content area used as the "click area" for the fancy box pop up do not work.  (see screenshot 2) obviously the "on click event" is set to open the pop up content and is overriding the links.  I was not sure if there was a way around this though, and i have already tried wrapping the links in a class with a z-index of 9999.  didn't work.  is there anyway to get links inside of that content box to work (even though it seems counter intuitive to do so)?
  2. Steve
    Steve avatar
    3037 posts
    Registered:
    03 Dec 2008
    16 May 2012
    Link to this post
    Hmmm, hit me up on my site, and I'll respond directly

    In regards to the color,
    #fancybox-overlay{
       background-color: red !important;
    }
    The important should do the trick....

    Also the links in the opener element would be problematic...you see it wraps the "opener" element IN an anchor to trigger the popup :)  I'm unsure how you could get around that...

    Is this live anywhere to look at (re:screenshot1)
    Answered
2 posts, 1 answered