• Resolved gatsbycat

    (@gatsbycat)


    I like the twenty-fourteen theme but the right (content) sidebar seems too wide. How could I make the center section a bit wider and the right sidebar a bit narrower? Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Hi @gatsbycat – this theme is ten years old and so it’s designed for smaller monitors. ?? The fact that it’s left-aligned rather than centered contributes to its older look.

    Could you please provide a link to your site so I can take a look directly?

    Thread Starter gatsbycat

    (@gatsbycat)

    I am building on local WAMP installation and haven’t pushed up to an accessible server yet, but expect to in a day or two, will share then, thank you!

    Thread Starter gatsbycat

    (@gatsbycat)

    Development site is dev.tsrvfd.org. Suggestions welcome thank you!

    Moderator Kathryn Presner

    (@zoonini)

    Hi @gatsbycat – feel free to experiment with something like this, changing the values as you prefer:

    /* Widen main content column and narrow right sidebar */
    @media screen and (min-width: 1008px) {
        .content-sidebar {
            margin-left: -20%;
            width: 20%;
        }
        .site-content {
            margin-right: 20%;
        }
    }
    .site-content .entry-content, 
    .site-content .entry-summary, 
    .site-content .entry-meta,
    .hentry {
      max-width: 775px;
    }
    Thread Starter gatsbycat

    (@gatsbycat)

    That helped a lot, thank you! Not a .css whiz here, appreciate the help.

    Moderator Kathryn Presner

    (@zoonini)

    Great, you’re welcome. I’ll mark this thread as resolved but feel free to start a new one for further help.

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