Control width & height

  • rickdickinson

    (@rickdickinson)


    10 years ago

    Hi, Ravan –

    I’m trying to get my lightbox to open at 950 x 530 (maximum) and I can’t figure it out. I have read every relevant post on here and tried every method I can think of, from CSS to Javascript to the curly braces in the fancybox-inline class, but I can’t get my lightbox dimensions to stay consistent. Any idea what I’m doing wrong?

    http://qalytics.net/index.php Click on any of the “Learn More” links, particularly under Quality Assurance and Free-to-Play to see both width and height issues.

    Thanks!

    Rick

    https://wordpress.org/plugins/easy-fancybox/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Rolf Allard van Hagen

    (@ravanh)

    10 years ago

    Hi Rick, there seem to be some things going wrong…

    First, remove the 4 blank lines that precede the DOCTYPE declaration (must be first line) in the themes header.php

    Second, remove all divs with id="container" and id="overlay" that are now wrapping these inline content divs. Any ID can only exist once.

    Then there is a code snippet in the head section that seems to come from the theme (or anohter plugin?) and is targeted at FancyBox:

    jQuery(document).ready(function ($) {

        $("a.loader").fancybox({
            width: 950,
            height: 530,
            autoDimensions: false,
            autoSize: false,
            fitToView: false,
            maxWidth: '90%' // I don't think you need this
        });
		$('#fancybox-content').width(950);
		$('#fancybox-content').height(530);
});

    which might be interfering with the Easy FancyBox.

    Did your theme include fancyBox2 before?

    Rolf Allard van Hagen

    (@ravanh)

    10 years ago

    Also you might try this: go to Settings > Media and under Inline Content uncheck the options “Try to adjust size to inline/html content.”

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Control width & height’ is closed to new replies.