How to increase width of the post display container?

  • I have managed to configure this theme and I am experiencing problem with the post display. It is not really a problem as it is being displayed properly but I want to increase the width from the left as there is a a lot of empty space.

    https://melakatravel.info/travel-tips/top-20-things-to-do-in-melaka/

    There is entry-header class in the <header> tag and the contents are in entry-content class and there is also a footer. I was unable to change the width but then it affects the featured articles on the home page.

    If you will look at the page then just below the photo, I want to increase width of the white container which holds heading and article. Currently there is a big gap on the left so I want gap to be equal on both side.

    Thanks for looking into it ??

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

  • First create a child theme and put the following code in your CSS file

    .archive-header, .comments-area, .image-navigation, .page-header, .page-content, .post-navigation, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content footer.entry-meta {
    margin-right: 0;
}
.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
    max-width: 612px;
}

    Based on this changes you will take care of responsive design.

    Thread Starter habibpub

    (@habibpub)

    Thanks as it is working but the white block used to come little bit over the photo and is appearing below now. Is there a way to keep the white block of text at the same position?

    Thanks.

    header.entry-header {
    margin-right: 54px;
    max-width: 507px;
}

    Try the above code. Are you wanting this?

    Thread Starter habibpub

    (@habibpub)

    It didn’t work and it is something good to have. Also, I was manage to kill the empty white space on the post but still appearing on the category archive pages:

    https://melakatravel.info/my/heritage-sites/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to increase width of the post display container?’ is closed to new replies.