Changing size of writing area

  • Unknown's avatar

    Hi! I’d like to change the size of the writing area on 2016, making it just a little bit smaller. I’d also like to make it slightly translucent. The reason for this is so that people can see the backdrop a little. I don’t know anything about CSS… how do I do this? Thanks!

    Jessica

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    On the background color of the main content area, go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS. You can adjust the transparency with the late number between the parentheses (0.7).

    On the content width, if we only make the post/page content area narrower, there will be a wide gap between the sidebar and the content, so, if we are to keep the same overall width, we have to widen the sidebar. Give the following a try.

    x.content-area {
        width: 60%;
    }
    .sidebar {
        margin-left: 65%;
        width: 35%;
    }

    As an alternative to the above, we can narrow the entire overall content area like this.

    .site-inner {
        max-width: 1220px;
    }
    .site {
        max-width: 1220px;
        margin-left: auto;
        margin-right: auto;
    }

    Try both and see which one you find more to your liking.

  • The topic ‘Changing size of writing area’ is closed to new replies.