Blog page settings (white space and body width)

hello i’m trying to adjust my blog page but it seems to be different from page settings as i couldn’t remove this white space set on the right on my blog page: https://demo.bahaitr.org/kadinerkek/haberler/ how can i remove it and change the blog page’s width setting? it is really close to left side of the page now, i would love it a bit spaced from both sides.

and also i would like to narrow the body of the posts like i did with the pages.
example: https://demo.bahaitr.org/kadinerkek/sitenin-amaci/
one of the posts now, it is wider than how i would want it to be: https://demo.bahaitr.org/kadinerkek/bahai-uluslararasi-toplumu-yeni-bir-film-yayinladi-cinsiyet-esitliginin-ruhani-dogasina-bir-bakis/

thanks in advance!

Hi,

Thank you for contacting us. I am happy to help with your queries.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .col-md-9.masonry-layout .posts-layout {
      width: 100% !important;
    }

    .single-post .content-area .post-wrap {
      padding-right: 0;
    }

    @media only screen and (min-width: 992px) {
      .single-post .content-area .post-wrap > .hentry {
        width: 750px;
        margin-left: auto;
        margin-right: auto;
      }
    }

Regards,
Kharis
aThemes Support

kharis thank you for the quick reply as always. i added the code only change the color red to white however nothing seems to change on blog page.

actually changes were shown when i’m on customize page but not on the blog page.

The red color shouldn’t have been there as it was only for debugging purpose. Sorry, I sent the code to soon.

Perhaps there is cahing issue on your web browser, that not able to load the recent changes. Can you try clearing cache/history, restarting web browser, and checking again.

Regards,
Kharis
aThemes Support

hello kharis, i tried to remove the blank on the right place of the blog page however i don’t seem to succeed. can you re-check my blog page to suggest something?

https://kadinerkekesitligi.org/haberler/

Hi,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1200px) {
      .masonry-layout .posts-layout {
        width: 100% !important;
      }  
      .masonry-layout .hentry {
        width: 33.3333333333% !important;
      }
    }

Regards,
Kharis
aThemes Support