Image alignment outside post area

  • Unknown's avatar
    supermike · Member ·

    Please help – having a strange issue where images are falling ‘outside’ the post area and overlapping into the margins. Please see the following link for an example: http://mikeandemily.com/?p=134

    I can’t seem to figure out what/where to tweak this to make the thing stay inside the post.

    Thanks!
    Mike

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

  • Unknown's avatar
    supermike · Member ·

    Just a nudge in hopes someone sees this who can help… I know I’m just likely missing a CSS setting somewhere, but I can’t seem to sort out where. :(

  • Unknown's avatar
    thesacredpath · Member ·

    Hi Mike, it looks like you are using WordPress but you are not hosted here at WordPress.com. For self-hosted WordPress sites such as yours, I would suggest asking for help from the theme and/or plugin author directly or ask in the volunteer-based WordPress.org forums.

    The differences between WordPress.com and WordPress.org.

    I did take a quick look at your site, and that is part of the design of Twenty Fourteen. It pulls left and right aligned images outside of the content area at screen/window widths 810px and wider. You can fix that with some custom CSS. 

    @media screen and (min-width: 810px) {
	.full-width .site-content img.size-medium.alignright {
		margin-right: 0;
	}
	.full-width .site-content img.size-medium.align-left {
		margin-left: 0;
	}
}

    If you have not yet done so, I would suggest creating a child theme so that any customizations you make will not be overwritten by a future theme update. Alternately you can use the Edit CSS function in the Jetpack plugin, or use one of the other Custom CSS plugins that will keep CSS changes from being overwritten.

    Child Themes
    Child Theme creation plugins
    Jetpack plugin
    Custom CSS plugins

  • The topic ‘Image alignment outside post area’ is closed to new replies.