Images not showing at size-medium with twenty fourteen

  • Author
  • #2992762


    I’ve installed the default twenty fourteen and just added this css code at the end of style.css to make my blogposts wider (No other changes where made to the css)

    .site-content .entry-header,
    .site-content .entry-content,
    .site-content .entry-summary,
    .site-content .entry-meta,
    .page-content {
    	margin: 0 auto;
        /* max-width: 474px; */
    	max-width: 70%;
    /* Don't pull featured images off into a left margin that's no longer there. */
    .full-width .site-content blockquote.alignleft,
    .full-width .site-content img.size-full.alignleft,
    .full-width .site-content img.size-large.alignleft,
    .full-width .site-content img.size-medium.alignleft,
    .full-width .site-content .wp-caption.alignleft {
        /* margin-left: -168px; */
        margin-left: 0px;

    Everthing looks wider and nicer but the images are still showing at 474px size no matter if I have the browser in a 1600px wide screen or not.


    The code in my blogpost for the images is:

    <a href=""><img src="" alt="" width="730" height="487" class="aligncenter size-medium wp-image-15573" /></a>

    But the generated html when the page is rendered becomes this giving preference to the 474px:

    <img src="" alt="" class="aligncenter size-medium wp-image-15573" srcset=" 730w, 768w, 1024w, 1600w, 948w, 1422w" sizes="(max-width: 474px) 100vw, 474px" width="474" height="316">

    How can I make worpdress generate the size-medium image that I want?

    The blog I need help with is


    Hi @kirai, it looks like you are using WordPress but you are not hosted here at 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 forums.

    The differences between and

    I did take a quick look at your site, and if you add CSS to the original stylesheet, it will be overwritten on theme updates. It is best to add your CSS to override the original at Customize > Additional CSS. That way it will not get overwritten on updates.

    Below the CSS entry area at Additional CSS, you will find a Media Width field. You need to put in the width in pixels to match your content area widtth, or in this case, 730px to match the width you wish your images to be.


    There is a dedicated Twenty Fourteen support forum at where you can post your questions.

The topic ‘Images not showing at size-medium with twenty fourteen’ is closed to new replies.