Чёкатилло

Короче, добавил в верстку в тег html class="любое_имя"

а в стилях, удлинив путь к имени класса:

html.любое_имя {
    margin: 0 !important;
}

Вот так вот

Есть вот такое чудо: codepen.io/jonathansilva/pen/GhkAI

Может это странно, но я справился просто написав только в css .category .div {...}
Где то в Вордпресс это заданно уже в php
Так же изменяется .archive .div {...} и тд. у меня

Нашел и согласен с тем, что здесь написано
kritsky.com/blog/idealnaya-shirina-vashego-teksta

Все просто cssdeck.com/labs/d7et5zph

Или матрешка jsfiddle.net/esp3hw4o/4

У меня получилось cg91812-wordpress-3.tw1.ru

подробнее Как сверстать фон с треугольным прозрачным элементом с тенью?

Не затрагивая php/html решилось в css след. образом:

#gutter-sizer {
  width: 0;
  height: 0;
  box-sizing: content-box; }
@media screen and (min-width: 480px) {
    #gutter-sizer {
      width: 2.1%; }
      [data-layout="sticky-column"] #gutter-sizer {
        width: 3% !important; } }

#posts-wrapper {
  top: 30px;
  top: 3rem;
  bottom: 30px;
  bottom: 3rem;
  position: relative;
  box-sizing: content-box;}
#posts-wrapper .masonry-post {
    background-color: #edf0dd;
    margin-bottom: 30px;
    padding: 30px;
    padding: 3rem; }
       #posts-wrapper .masonry-post:not(.unit) {
      width: 100%; }
    @media screen and (min-width: 480px) {
      [data-layout="3-column"] #posts-wrapper .masonry-post {
        width: 48.7%; } }
    @media screen and (min-width: 800px) {
      [data-layout="3-column"] #posts-wrapper .masonry-post {
        width: 31.66667%; } }
    @media screen and (min-width: 1100px) {
      [data-layout="3-column"] #posts-wrapper .masonry-post {
        width: 23.39877%; } }
    @media screen and (min-width: 480px) {
      [data-layout="2-column"] #posts-wrapper .masonry-post {
        width: 48.7%; } }
    body:not(.has-background) #posts-wrapper .masonry-post {
      border: 1px solid #edf0dd; }
31.66667
@media screen and (min-width: 480px) {
  [data-layout="sticky-column"] #posts-wrapper .masonry-post {
    width: 31.66667%; } }
@media screen and (min-width: 800px) {
  [data-layout="sticky-column"] #posts-wrapper .sticky.masonry-post:first-of-type {
    width: 65.83% !important; } }