How do you change the width of your blog posts?

  • Posted in : Empathy
  • Miz
    Participant

    Hi there,

    How can I extend the width of blog posts? Width of a post looks to be about 500-550px. How can I change this to be wider?

    Thanks for your help!

    serkan
    Moderator

    Hi @Miz;
    You can use this custom css code and change it to be wider. Second code for the desktop view.

    .post .entry-content { max-width: 440px; }
    @media screen and (min-width: 992px) { .blog-single .entry-content { max-width: 540px; } }

    Thanks

    Miz
    Participant

    @Serkan

    Which file do I edit? :) single.php or something else?

    Appreciate your help & guidance.

    serkan
    Moderator

    You can check out this topic;
    By the way; change the max-width which px is suit to you.
    http://www.pixelwars.org/forums/topic/how-to-use-custom-css-for-wordpress-themes/
    Thanks

    Miz
    Participant

    Hi Serkan,

    I placed this code into Appearance > custom css — but nothing is changing on my blog. Am I doing something wrong?


    post .entry-content { max-width: 800px; }
    @media screen and (min-width: 1200px) { .blog-single .entry-content { max-width: 800px; } }

    serkan
    Moderator

    Hi @Miz;
    Yeap, you are forgetting dots before “post” Just try the use the code like this;

    .post .entry-content { max-width: 800px; }

    Thanks

    Miz
    Participant

    Works now, many thanks!

    serkan
    Moderator

    You’re welcome.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register