Viewing 5 replies - 1 through 5 (of 5 total)
  • The way the theme is designed, you get a lot of white space in the main content area if you aren’t using the right sidebar (named “Content Sidebar” in the Dashboard > Appearance > Widgets). If you know you won’t ever be using that sidebar, you could reduce the white space by using a custom CSS plugin and putting:

    .site-content .entry-content {
    max-width: 650px;
    }

    If that’s not what you were referring to, can you clarify what looks off to you?

    Thread Starter magace

    (@magace)

    View post on imgur.com

    It seems taht there is a huge gray margin on the right side. Does anyone else see this?

    Twenty Fourteen by default is set to a maximum width of 1260 pixels, and so you get that gray area if the browser window is wider than 1260 pixels. As was suggested in the other thread you posted in, you could center the entire content area by getting a custom CSS plugin and using:

    .site {
    margin: 0 auto;
    }

    Another option would be to widen the maximum width, but you may still run into the same issue depending on how wide your monitor is:

    .site-header {
    max-width: 2000px;
    }
    
    .site-header img {
    width: 100%;
    }
    
    .site {
    max-width: 2000px;
    }
    Thread Starter magace

    (@magace)

    Thanks:

    .site-header {
    max-width: 2000px;
    }
    
    .site-header img {
    width: 100%;
    }
    
    .site {
    max-width: 2000px;
    }

    Seems to make things look better however now the header img is blown out now. The img doesn’t center/fill in whole header section now.

    https://ofchant.com/

    Thanks for the help!

    Hi Stephen, I hope you can help me. I am trying to remove/hide the featured images inside single posts. I know it is CSS but I tried several codes and it doesn’t work.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘page layout looks funky’ is closed to new replies.