WordPress.org

Ready to get started?Download WordPress

Forums

jQuery Colorbox
jQuery Colorbox breaks aligncenter CSS class (7 posts)

  1. aldolat
    Member
    Posted 1 year ago #

    Like other Automattic themes, TwentyTwelve has some "standard" classes like "aligncenter" to center an image. When active, this plugin breaks the class ".aligncenter".

    http://wordpress.org/extend/plugins/jquery-colorbox/

  2. techotronic
    Member
    Plugin Author

    Posted 1 year ago #

    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

  3. aldolat
    Member
    Posted 1 year ago #

    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.

  4. aldolat
    Member
    Posted 1 year ago #

    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.

  5. techotronic
    Member
    Plugin Author

    Posted 1 year ago #

    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

  6. ionainteractive
    Member
    Posted 1 year ago #

    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

  7. omnionsite
    Member
    Posted 1 year ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic