Как поменять цвет заднего фона на градиент через transition?

Градиент не анимируется. Можно попробовать через background-position.

Слетает верстка страницы когда указываешь её как страницу магазина в Woocommerce, что делать?

Александр Базаров, та можно вообще удалить, пока ответов нет

Слетает верстка страницы когда указываешь её как страницу магазина в Woocommerce, что делать?

Александр Базаров, нет. Чаще всего страница каталога и главная это разные страницы.

Слетает верстка страницы когда указываешь её как страницу магазина в Woocommerce, что делать?

потому что страница магазина это то место куда циклом выводятся товары, у вукомерса для этого свой шаблон, не делайте главную страницей магазина, зачем вам это

Как сделать такие иконки?

Pr0grammer, круги делаете сами, такого цвета как надо. иконки в кругах тоже такого цвета как надо. где проблема-то?

<a href="#1" class="fb icon"><i class="fab fa-facebook-f"></i></a>
<a href="#1" class="tw icon"><i class="fab fa-twitter"></i></a>

.icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
}

.fb {
	background-color: #00BFD8;
}

.fb .fab {
	font-size: 24px;
	color: #fff;
}

.tw {
	background-color: #fff;
}

.tw .fab {
	font-size: 24px;
	color: #00BFD8;
}

Как сделать такие иконки?

Pr0grammer, жеж fontawesome нужно подключить то

Как вывести подкатегории на странице категорий WooCommerce?

Это есть в настройках woocommerce в кастомайзере

Почему не работает js?

Владимир Коротенко, на английском тут тоже нельзя, насколько я помню

Как это сверстать? Фотоколлаж?

Как вариант 4 колонки

Нормально использовать так использовать min-width для кнопок?

Норма

Почему не работает :hover после смены стиля?

Потому что js стили инлайнит, а инлайн стили спецефичнее

Как поделиться ссылкой popup окна?

Zettabyte, а это, кстати, неплохая идея. Я знаю, что можно реализовать модалки на якорях через target. Сам не делал, не было потребности. KrupAch , попробуй

Как поставить картинку слева от текста?

Seraphine S,

.footericons,.contacts {
  display: inline-block;
}

Как поставить картинку слева от текста?

Ставим картинку в один ряд с текстом, вуаля. Код где?

WORDPRESS без elementor?

Смотрите темы на гутенберге

Насколько плохо я верстаю?

Да, собственно, вообще не верстаешь. Рано ещё просить кодревью. Хотя мне любопытно, откуда взялись забавные значения типа размера шрифта в пунктах. В вёрстке его не используют. Флоаты древние. Комментарии в стилях, как будто чужой код.

Как изменить стили у overflow: scroll?

решение, отмеченное ответом в фаерфоксе не будет работать. Кроссбраузерно только плагинчиками

Как сделать кнопку заказать образец на странице товара Woocommerce?

Наврядли есть такой плагин, слишком специфический запрос. Как вариант задать вариативный товар, с вариацией образец и ценой 0.

Как к кнопке Add to cart добавить кнопку Добавить в один клик?

kirill2709903, поиск в плагинах one click buy, Quick buy, один от Joe, второй от Артема Абрамовича, третий не помню

Как к кнопке Add to cart добавить кнопку Добавить в один клик?

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