WordPress.org

Support

Support » Plugins and Hacks » jQuery Colorbox breaks aligncenter CSS class

jQuery Colorbox breaks aligncenter CSS class

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

    @techotronic

    Hi,
    are you using the newest version of the plugin?
    In older version, the zoom overlay would break all floating images (doesn’t matter whether they were left, right or center aligned), but in the newest version, twentytwelve with center aligned images looks good to me.
    Cheers,
    Arne

    aldolat
    Participant

    @aldolat

    Hi Arne,
    thanks for your reply.

    I tried your plugin in a freshly installed localhost environment and it works fine.

    On my live site, however, even after uninstalling this plugin, cleaning the data and reinstalling, the problem persists. Only if I disable the zoom overlay, the “aligncenter” class doesn’t get broken.

    Do you think we can do anything to have that nice zoom overlay?

    Bye.

    aldolat
    Participant

    @aldolat

    Arne,
    I temporarily solved adding this rule to the CSS of my theme:

    body a.zoomLink {
    	display: block;
    }

    I added also this rule (only for esthetic purposes):

    body span.zoomHover {
    	margin: 0 !important;
    }

    Thanks for your support.
    Cheers.

    Plugin Author techotronic
    Participant

    @techotronic

    weird. adding

    body a.zoomLink {
    	display: block;
    }

    instead of

    body a.zoomLink {
    	display: inline-block;
    }

    to a twentytwelve theme breaks the zoom overlay for non-aligned images for me…

    Cheers,
    Arne

    ionainteractive
    Member

    @ionainteractive

    I can confirm what both of you are saying. The aligncenter img position and zoomLink behaviors are corrected and function properly with display:block on the a.zoomLink, but it also breaks the non-aligncenter img cases. Perhaps something could be added to jquery-colorbox-wrapper.js to find img.aligncenter and forcibly style the a.zoomLink parent with display:block? As it stands now, the zoomLink behavior is incompatible with centered images and should be considered broken.

    Best,
    –Mike

    omnionsite
    Member

    @omnionsite

    This plugin breaks quick chat which is also jquery. Any way you could look into why?
    http://wordpress.org/extend/plugins/quick-chat/faq/

    My site has the newest PHP and jquery loaded.
    http://funcraft-server.org
    Thanks!
    Brian

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘jQuery Colorbox breaks aligncenter CSS class’ is closed to new replies.