WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Fourteen
[resolved] content width (10 posts)

  1. Trisha.Blogs
    Member
    Posted 6 months ago #

    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.

  2. kaniamea
    Member
    Posted 6 months ago #

    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
    }
  3. Trisha.Blogs
    Member
    Posted 6 months ago #

    Thank you kaniamea! you the best. this works :)

  4. Trisha.Blogs
    Member
    Posted 6 months ago #

    marking post as resolved.

  5. TimeZ
    Member
    Posted 6 months ago #

    Hi,

    I copy and paste the code there is still empty space on the right hand side before the side bar. http://www.changeautoglass.com

    Thanks,
    Zabi

  6. Jas999
    Member
    Posted 6 months ago #

    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?

  7. Hannes Salen
    Member
    Posted 5 months ago #

    Hi,

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

    thanks,

    Hannes

  8. Hannes Salen
    Member
    Posted 5 months ago #

    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;
    }
  9. somaticmonk
    Member
    Posted 4 months ago #

    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?

  10. hsarfraz
    Member
    Posted 4 months ago #

    Thanks a lot friends for this great help :)

Reply

You must log in to post.

About this Theme

About this Topic