how to narrow the space.

  • hello.
    i want to narrow the space between posts.
    how can i change the space.
    here is the capture about it.
    thank you,


    This is the padding between columns in the BootStrap framework.

    In order to change this you will need to edit the CSS in the theme.min.css file located in the /css/ folder of the theme.

    This is the code which needs to be edited,

    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: .9375rem;
    padding-right: .9375rem;

    You can override this CSS by adding it to the Custom CSS field in Appearance > Customize in your Admin Dashboard.

    I hope that helps.

    hello . i changed the padding values in the theme.min.css file.
    but nothing has happend.
    to make narrow between the boxs of posts on main page.
    what should i update it?

    it’s done.
    thank you.

    You’re welcome.

You must be logged in to reply to this topic.