Николай Миронов

не универсальный способ, но может сработать:
1) Для секции внутри которой находится container задайте фон, который наполовину синий, наполовину белый.
2) Внутри контейнера задайте синий и белый фон для соответствующих колонок

В итоге фон от колонок будет перекрывать фон секции внутри контейнера, а по краям будут правильные цвета

Лучше всего сделать через флекс-бокс:

.news__content {
  display: flex;
  flex-direction: column;
}  

.news__cards-title {
  flex-grow: 1;
}

В этом случае заголовок будет растягиваться по высоте, а текст будет прижат к низу. Работать будет при условии, что количества контента по высоте меньше чем высота карточки.

Если логотипы находятся внутри div, к которому добавляется класс scrolled, то можно решить все цссом, если нет, тогда надо добавить в скрипт добавление класса scrolled для обертки логотипов

А CSS для смены логотипов при добавлении класса scrolled такой:

.logo-1 {
  display: block;
}

.logo-2 {
  display: none;
}

.scrolled .logo-1 {
  display: none;
}

.scrolled .logo-2 {
  display: block;
}

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

1. Техника безопасности. Перед началом редактирования сайта -- сделайте полный бэкап, например с помощью WP All in One Migration, чтобы в случае чего полностью откатиться назад.

2. Если ваш сайт работает на основе готовой темы — имеет смысл перед доработкой / внесением изменений (создание страницы с отдельным шаблоном — это именно оно) создать дочернюю тему. Это позволит а) разделить ваши доработки и то что было до вас б) при обновлении темы изменения не исчезнут в) всегда можно отключить дочернюю тему, если что-то сломали
Плагин для создания дочерних тем: https://wordpress.org/plugins/orbisius-child-theme...

3. После того как вы создали дочернюю тему. Вам нужно создать новый файл шаблона. Например page-main.php (название файла, в целом, не важно). И главное в этом файле в первой строчке написать <?php //Template Name: Название вашего шаблона ?>. В этом случае файл будет восприниматься как шаблон страницы и в интерфейсе редактирования страницы у вас появится возможность выбрать этот шаблон

4-А. Если ваш дизайн никак не бьется с основным дизайном сайта, можно в файле page-main.php после первой строчки просто вставить целиком верстку.

4-Б. Если на вашей странице шапка и подвал такие же как на сайте, тогда ваш файл будет выглядеть так

<?php //Template Name:  Название вашего шаблона ?>
<?php get_header(); ?>

Здесь может идти любая ваша верстка

<?php get_footer(); ?>

Для правильной установки ваших скриптов и стилей -- скопируйте их в папку с темой и подключите их, прописав в файле functions.php вашей дочерней темы как это описано у Евгения выше

5. Создайте страницу в интерфейсей WordPress и выберите для нее созданный шаблон. Посмотрите, если результат правильный -- назначьте эту страницу главной