twenty Fourteen Full width page…text is not using full width of template

  • Hi guys,
    im sure i started a post about this but i cant find it. so here i go again.
    I recently downloaded the 2014 wordpress them “Twenty Fourteen”

    I have selected full width page template for some of my posts (one on the static front page), however, when i read the post…it has not expanded the text width any more than with a normal template that has sidebars (ie has almost 1/3 of page padding around text area)

    Does anyone know what causes this issue?

    Twenty Fourteen: Stylesheet (style.css)
    /**
    * 6.12 Full-width
    * ————————————————————–
    */

    .full-width .hentry {
    max-width: 100%;
    }

    /**

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter GoannaLiftShafts

    (@goannaliftshafts)

    I also notice the following in “Theme functions.php”

    /**
    * Set up the content width value based on the theme’s design.
    *
    * @see twentyfourteen_content_width()
    *
    * @since Twenty Fourteen 1.0
    */
    if ( ! isset( $content_width ) ) {
    $content_width = 474;
    }

    Should i change this to 100%?

    Thread Starter GoannaLiftShafts

    (@goannaliftshafts)

    Ahhh i found where to fix it…piece of cake (i hope im right here cause it seems to work fine now)

    I changed the bold section below from 474 to 75%.

    Its all good now. I think this needs fixing in the defaults…as full width should al;so display all content full width…not half!!!

    Style.css

    /**
    * 6.0 Content
    * —————————————————————————–
    */

    .content-area {
    padding-top: 48px;
    }

    .hentry {
    margin: 0 auto 48px;
    max-width: 672px;
    }

    .site-content .entry-header,
    .site-content .entry-content,
    .site-content .entry-summary,
    .site-content .entry-meta,
    .page-content {
    margin: 0 auto;
    max-width: 474; (this should be 75%-100%)
    }

    .page-content {
    margin-bottom: 48px;
    }

    Adam

    (@gourmetbooks)

    Thanks so much, @goannaliftshafts! I started working on a Twentyfourteen project this week, and figured since the default WP theme couldn’t be broken, it had to be me. Quick & perfect fix.

    adamjedgar

    (@computersimulatorscom)

    You’re welcome,

    just remember, its probably best to create a child theme and make this change in the child theme…otherwise, when a new update for the twenty fourteen them comes out, it will revert back to 474px.

    Another option would be to find a plugin which can control this.

    I used a plugin to append custom CSS (I’m sure any will do, but I used My Custom CSS.

    Then I added this CSS:

    /** Fix strangely narrow defaults of 2014 theme */
    .site-content .entry-header,
    .site-content .entry-content,
    .site-content .entry-summary,
    .site-content .entry-meta,
    .page-content,
    .post-navigation,
    .image-navigation,
    .comments-area {
    max-width: 100%;
    }

    You can see how it looks on my blog.

    Still feels dirty, no doubt I’ve broken the intended style on some other browser or something…

    Adam

    (@gourmetbooks)

    Thanks, @mattburns_uk!

    And @adamjedgar, I’m working in a child theme. Always. ??

    I’d love to have the child theme you develop to address this. I’d love for only the “Full Width Template” to behave this way and all other pages to remain narrow. Hope you are able to share.

    If you require assistance then, as per the Forum Welcome, please post your own topic instead of tagging onto someone else’s topic.

    I am now closing this 3 month old topic as it references an older version of WordPress.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘twenty Fourteen Full width page…text is not using full width of template’ is closed to new replies.