Twenty Fourteen: css bug for images with caption

  • Unknown's avatar
    kiboost · Member ·

    Hi,
    Just updated my wordpress to 3.8.1 and fourteen theme, and found a bug in css.
    When you have an image aligned on the right with a caption, the image margin is wrong and put the image on the right of the template.
    error in style.css line 3504 on :
    .full-width .site-content .wp-caption.alignright {
    margin-right: -168px;
    }

    corrected in a child theme with :
    .wp-caption {
    float: right !important;
    margin-right: -10px !important;
    }

    Now back in post template, align per pixel with images without captions.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    kiboost · Member ·

    correction, css selector in child :

    .wp-caption.alignright {
    float: right !important;
    margin-right: -10px !important;
    }

  • kathrynwp · Staff ·

    Images overhanging the right margin in Twenty Fourteen are actually a feature of the theme, according to its designer.

    There is a technical reason why thumbnail images without captions display inline, instead of being outdented, but that can be overridden with CSS, as you’ve done.

    Just a heads-up that these forums are for sites hosted here on WordPress.com. For help with self-hosted issues sites, feel free to post in the WordPress.org forums. Twenty Fourteen has its own forum here:

    http://wordpress.org/support/theme/twentyfourteen

  • The topic ‘Twenty Fourteen: css bug for images with caption’ is closed to new replies.