How to make posts wider

  • Hi,

    I would like to make my posts content area a bit wider. Right now the content area of a post is 940px with the sidebar, and the actual post is 622px. Could I edit my css to make the content area a bit wider, say 750px? And keep the sidebar with the same width.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Sam

    (@soumendra)

    Hello,

    Can you please provide the link to your site so that I can help you regarding that.

    Thank you.

    Thread Starter Skrollen

    (@skrollen)

    Sure, the url is https://skillnadmellan.se

    Sam

    (@soumendra)

    Hello,

    Try adding this CSS in your Custom CSS (Appearance > Theme Options > Styling Options > Custom CSS) for adjusting the width:

    .main-container {
   width: 1140px;
}
#page, .container {
   max-width: 1140px;
}
.article {
   width: 68.2%;
}
.main-header {
   max-width: 1140px;
}

    Then for adjusting the Featured thumbs, you need to edit the values of the thumbnail size from the functions.php. For that you need to go to Appearance > Editor > functions.php and look for this code there:

    add_image_size( ‘bigthumb’, 620, 315, true ); //Big thumb for featured area
    add_image_size( ‘mediumthumb’, 300, 200, true ); //Medium thumb for featured area
    add_image_size( ‘smallthumb’, 140, 100, true ); //Small thumb for featured area

    Here you can adjust the width and height so that you can see the featured images fine also.

    At the time of editing the core files, make sure you are using a Child Theme so that all your changes remain safe even after update.

    Hope that helps.

    Thank you.

    Thread Starter Skrollen

    (@skrollen)

    Thank you Sam, will try this ASAP!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to make posts wider’ is closed to new replies.

Tags