WordPress.org

Forums

[resolved] [Theme: Twenty Fourteen] How to change the width of my post and page? (10 posts)

  1. ellioty
    Member
    Posted 2 years ago #

    Hi there,

    May I know how to increase the width of my post and page on Twenty Fourteen?

    Thank you.
    Elliot

  2. kaniamea
    Member
    Posted 2 years ago #

    Hi ellioty,

    Using the Custom CSS plugin or the child css file (if you have a child theme) add:

    .page-content {
    	margin: 0 auto;
    	max-width: 974px;
    }
  3. ellioty
    Member
    Posted 2 years ago #

    Hi kaniamea,

    Thanks for the quick reply. It works. Happy new year!

    Regards,
    Elliot

  4. kaniamea
    Member
    Posted 2 years ago #

    Happy New Year, Elliot! :)

  5. somaticmonk
    Member
    Posted 2 years ago #

    I went looking for this setting and found it in:

    wp-content/themes/twentyfourteen/style.css

    Which seems like a no-brainer, a file called "style.css", but, there are about thirty CSS files in there, so not so much.

  6. esmi
    Forum Moderator
    Posted 2 years ago #

    Do not edit the Twenty Fourteen theme. It is the current default WordPress theme and having access to an original, unedited, copy of the theme is vital in many situations. First create a child theme for your changes. Or install a custom CSS plugin.

  7. somaticmonk
    Member
    Posted 2 years ago #

    I haven't been able to get my child theme to overwrite the main one; that's why I resorted to editing the main CSS. I should probably make a post about the child CSS problem instead.

  8. Zaek
    Member
    Posted 2 years ago #

    @kaniamea I id what you said with the Simple Custom CSS plugin, and no luck. Nothing changed at all. ".page-content {
    margin: 0 auto;
    max-width: 974px;
    }"

  9. fitnessblogaustria
    Member
    Posted 2 years ago #

    @kaniamea Can I do that for only one specific page aswell?

  10. estaub
    Member
    Posted 1 year ago #

    @kaniamea's solution did not work for me until I set the entry-content width as well:

    .site-content .entry-content,
    .page-content {
    	margin: 0 auto;
    	max-width: 974px;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic