How to make my blog post wider

  • Unknown's avatar
    knutsfordliterarysociety · Member ·

    Thanks for the help in advance.

    The website I have set up is all ready to be promoted however, the blog posts being posted onto the blog page are very narrow.

    Please help, as I have no idea.
    I am good with altering pre-written CSS however there is nothing with me to work with.

    The particular post showing exactly my problem is this:

    https://literarysocietyknutsford.wordpress.com/2015/10/11/what-are-we-reading/

    Thanks!

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

  • ehtis · Staff ·

    Hi there,

    This should help with making your post content a bit wider:

    @media screen and (min-width: 768px) {
.single-post .hentry {
    width: 960px;
    }
}

@media screen and (min-width: 768px) {
.single-post .entry-content {
    width: 700px;
    margin-left: 20px;
    }
}

    I am good with altering pre-written CSS however there is nothing with me to work with.

    Not a problem! :)

    Here’s a very good guide on finding your theme’s CSS and then making changes to it. A bit on CSS, its syntax and selectors is here.

    Your theme uses @media queries (which are in the code above) to customize layouts according to screen sizes, in this case devices with a minimum width of 768px. (Generally desktop-tablet sizes).

  • The topic ‘How to make my blog post wider’ is closed to new replies.