Support » Theme: Twenty Fourteen » content width

  • Resolved Trisha.Blogs


    currently my twenty fourteen theme has 3 columns (left column, center column and right column).

    I find the center column rather narrow and has lots of space between the left column and right column. is there any way i can modify the center column to become wider? lesser padding between those 2 side columns?

    What must i amend in my child style.css theme? many thanks.

Viewing 9 replies - 1 through 9 (of 9 total)
  • You can try adding this to your child style.css:

    .site-content .entry-header,
    .site-content .entry-content,
    .site-content .entry-summary,
    .site-content .entry-meta,
    .page-content {
    	max-width: 1004px; // put the width you like here

    Thank you kaniamea! you the best. this works 🙂

    marking post as resolved.


    I copy and paste the code there is still empty space on the right hand side before the side bar.


    Hi, If I insert an image in the text, the height of the image get resized to 572px in height. Any suggestion as to how to prevent this resizing?


    Does anyone has a suggestion how to do this for full width pages only?



    Ok found it :

    .full-width .archive-header,
    .full-width .comments-area,
    .full-width .image-navigation,
    .full-width .page-header,
    .full-width .page-content,
    .full-width .post-navigation,
    .full-width .site-content .entry-header,
    .full-width .site-content .entry-content,
    .full-width .site-content .entry-summary,
    .full-width .site-content footer.entry-meta {
    	max-width: 800px;

    This works to widen the center column, but if I add a right column, the center gets shrunk again. (It’s 474px by default; I want it to be 620).

    Changing .content-sidebar to a smaller value shrinks the right column, but the center stays smooshed. Any ideas?

    Thanks a lot friends for this great help 🙂

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘content width’ is closed to new replies.