Alex

Если у вас полноценная тема то можно использовать шорткод галереи или создать отдельный файл шаблона и там сверстать записи в виде галереи

html, body, #site-container { min-height: 100vh }

https://developer.mozilla.org/en-US/docs/Web/HTML/...

Прочитайте про вес селекторов. В вашем случае, я думаю, достаточно в глобальных стилях использовать !important

Как и написал Дмитрий Глаголев: Текст просто стал белым. Посмотрите в отладчике стилей откуда тянется белый цвет. Из какого свойства, в каком файле.

Не совсем понимаю проблему задачи. Простая функция применяемая в цикле:

function getBlock(data) {
    return $(`<div>${data}</div>`) // код блока
}

daraArr.forEach(data => {
$('body').append(getBlock(data))
})

adlab.ee/projects/gloria45/wp-content/themes/bridg...

if($scroll < scroll_amount_for_fixed_hiding){
            $j('header.page_header').removeClass('scrolled');
        }else{
            $j('header.page_header').addClass('scrolled');
        }

Дополню ответ Николай. Примерно так:

angular.module('app')
  .controller('switchView', function() {
      this.tabs = ['tab1', 'tab2'];
      this.addTab = function (tabContent) { return this.tabs.push(tabContent); };
      this.delTab = function () { return this.tabs.pop(); };
  })

Или можно использовать фреймворк, типа angular
plnkr.co/edit/4BRIMbnzoBTzPcldhMOD?p=preview

Как уже многие ответили:
Для строчного элемента нельзя указать верхний и нижний отступы. Для этого нужно сделать его блочным.
display: block
Как альтернатива использовать
line-height: ...

Как указал Ankhena W стоит использовать display: flex
codepen.io/cawa-93/pen/ZpbrLB

Попробуйте указать контейнеру таблицы

.container {
overflow: hidden;
width:600px;
height:300px;
}

Нужно понимать хотя бы основные концепции. И использовать служебные функции ВП для отображения той или иной информации в вашем шаблоне.

У каждого виджета есть уникальный id.

#text-5 > h3 {
  color red;
}