Пространство между изображениями в галерее портфолио wordpress

Question

Я пытаюсь настроить мою website, но я не могу понять, как увеличить пространство между изображениями внутри любых моих галерей портфолио (example).

Я просмотрел файл style.css, но я должен что-то упустить. Вертикальный интервал выглядит нормально, но нет горизонтального интервала, и изображения кажутся склеенными.

Я использую wordpress с темой «Folio White».

Answer 1

вы можете создать новый класс в style.css вашей темы

#portfolio-wrap .col{margin-top: 1%;} 

Answer 2

Это легко, если вы используете правую кнопку мыши и осмотрите элемент, вам просто нужно добавить к вашей style.css:

.gallery-item { 
    margin-top: 0; 
    margin-left: 10px; 
} 

Убедитесь, что ваши стили загружаются до стилей, используемых в плагине.

Answer 3

для вертикальных полей вы можете добавить класс, чтобы соответствовать нужному корешку одним из следующих способов:

.only-top {margin-top:5px} 
.only-bottom {margin-bottom:5px} 
.top-and-bottom {margin-top:5px; margin-bottom:5px} 
.overall {margin:5px} 
.top-and-bottom-autosides {margin:5px auto} 
.specific {margin:5px 4px 5px 4px} //note the order is: top right bottom left 

Answer 4

Просто добавьте этот класс к любому файлу CSS, и добавить, что CSS в заголовке или колонтитул для наилучшего результата

.gallery-item { 
    margin-top: 0; 
    margin-left: 10px; 
} 

Благодаря

Answer 5

Вы можете использовать bootsrtap метод, как и в строках и контейнерах. Этот метод лучше, потому что он растягивает ширину галереи контейнера.

.gallery { 
    margin: -15px; 
} 

.gallery-item { 
    padding: 15px; 
}