Ксения Михайлова

wp-kama.ru/function/is_paged
Проверять этот параметр в pre_get_posts, а ставить там нужное вам число.
Только я не знаю как вы после этого будете настраивать пагинацию, она же считаться не будет.

Во-первых, подключить бутстрап.
Во-вторых, можно использовать его компоненты.
Если так хочется своих, то, действительно: inline-block для li и text-align: center для контейнера ul https://jsfiddle.net/18hd2zko/6/

:focus {
    outline: none;
}

С помощью svg можно так (только исходная картинка должна быть с прозрачными областями) https://codepen.io/aarizona/pen/zqQEMo?

Этот блок расположен под шапкой, а над сайдбаром шапки нет. Вот эти 50 пикселей и торчат вниз.

.profile-favorites {
    height: calc(100% - 50px);
}

Используйте флексы, там это все просто и удобно.
Ну, или абсолютным позиционирование внутри контейнера при указанной высоте потомка.
Еще есть какой-то странный способ с псевдо-элементом в половину высоты, но ни разу не пригодился.

Все зависит от того, с помощью чего у вас сделан сайт.
Нужно брать адрес страницы из переменной $_SERVER и сравнивать с тем, что у вас в меню.

Миниатюры wordpress режет согласно настройкам Настройки -> Медиафайлы -> Размер миниатюры. Собственно, средний и большой размер можно изменить там же.

Сделать выходящее за пределы блока изображение с помощью фона нельзя. Только располагать отдельным элементом, и позиционировать.

А в админке вы отключили?
Модули -> Конфигурация -> Производительность -> Отключить кэширование xslt шаблонов

1. Можете отключить стандартную библиотеку jquery в wordpress и подключить вместо нее вашу wp-kama.ru/function/wp_enqueue_script#primery
2. Еще возможны пляски с noConflict wp-kama.ru/function/wp_enqueue_script#jquery-v-rez...

1. проверьте свободное место на хостинге
2. называйте файлы латиницей!

Попробуйте для списка растягивание содержимого по ширине:

#types .types-list {
    text-align: justify;
    text-align-last: center;
}

Возможно, что это происходит из-за изменения размеров. Попробуйте менять размер через scale:

img {
  width: 300px;
  height: 300px;
  position: absolute;
  transform: rotate(-45deg) scale(0.5);
  box-shadow: 0 0 0 4px white;
}
img:hover {
  z-index: 10;
  transform: rotate(0deg) scale(1);
  transition: 2s;
}