Градиент поверх изображения?

И забыл самое главное. Этот трюк нужен если у вас не градиент, а просто прозрачный цвет сверху накладывается.
Если же градиент, то браузер рендерит его как картинку, поэтому можно для background просто указать два свойства через запятую. Лишний div вообще не нужен.

Пример: codepen.io/anon/pen/bwNmKr

Почему не центрируется элемент с margin: auto?

dhat: inline-block в помощь codepen.io/anon/pen/XjWXKP?editors=1100

Почему не центрируется элемент с margin: auto?

dhat: он уже тютелька в тютельку - растянут на всю ширину родительского элемента. раскрась span и увидишь codepen.io/anon/pen/XjWXKP?editors=1100 :) а текст виден слева, потому что по умолчанию text-align: left.

Почему не центрируется элемент с margin: auto?

dhat: Тебе надо, чтобы текст был просто посередине? Тогда text-align: center

Почему не центрируется элемент с margin: auto?

Верно. margin: 0 auto работает только когда известна максимальная ширина элемента. Можно указать width или max-width.

Как дописать стили?

Сергей Кравченко: вот как-то так: codepen.io/anon/pen/yJWqBp
Обычный блок с градиентом, наложенный сверху.

Какой используется плагин для календаря на этом сайте?

Спасибо! Но, как я понял, этот плагин используется для построения самого календаря. А для управления календарём используется готовое решение или необходимо писать руками плагин под вордпресс?