Иван Корецкий

Отключите аппаратное ускорение в obs , проверьте

Выше 10к нет смысла стримить. По мойму ни ютуб ни твитч не принимают

Можно ещё грубее
position: absolute;
transform: translate(-50%,-50%);
top: 98%;
left: 50%;
(Если слишком низко/высоко, то редактируйте значение в top: ;).

грубо - body во flex, высота 100%, блоку с контентом flex-grow: 1;
Точнее, уже с версткой...

Запросить у хостера бекап.

Два слеша используют для того, чтобы не угадывать, какой протокол записывать: http или https. Ведь если не угадаешь, абсолютная ссылка окажется неправильной. Два слеша обозначают, что протокол не важен

Почему невозможно-то? Все возможно...
Вот, несколько вариантов реализаций подобного....
Рассмотрим на примере заголовка страницы.
1) Выводите на странице не the_title, а пусть клиент используя виз. редактор (ELementor, Visual Composer и др.) сам добавляет h1 тег и стилизует его.
2) Другой вариант ACF. Вместо the_title() выводите кастомное поле с h1. В виде кастомных полей добавьте color picker и все что нужно. В свою очередь все эти стили инлайном на основе выбора пользователя динамически добавляете и все.
Можно еще кучу вариантов решения вопроса придумать...

width: auto; - позволяет браузеру самому рассчитать ширину элемента.
width: 100%; - заставит браузер растянуть элемент на 100% ширины родителя.

Например для элемента div правила width: auto; и width: 100%; будут эквивалентны, т.к. по умолчанию браузер обязан растягивать блочные элементы на всю ширину родителя (если они в потоке конечно же).

Представим теперь, что у нас есть картинка (img) размером 100 на 100 пикселей. Если мы скажем ей width: auto;, то она так и останется шириной 100 пикселей. А вот если мы скажем ей width: 100%;, то она растянется на всю доступную ей ширину.

Вот когда нам нужно чтобы какой-то элемент занимал всю доступную ему ширину, и когда по умолчанию он этого делать не умеет, вот тогда нам необходимо ему явно сказать width: 100%;.

Рекомендую посмотреть в сторону плагина PODS. Он позволяет создавать новые типы постов или расширять существующие.
В вашем случае необходимо добавить новое поле для добавления своих изображений к посту.

Порядок действия:
1) Устанавливаем плагин
2) В админке Управление POD > Добавить новый > Расширить существующий.
3) В поле тип содержимого выбираем: типы постов, а в тип поста - записи. Создаем.
4) Добавляем новое поле типа File / Image / Video. Вводим подпись и имя, например, images. В дополнительных настройках поля выбираем Upload Limit: Multiple Files. Сохраняем.
5) Переходим к редактированию поста и видим, что появилась возможность прикреплять дополнительные изображения.
6) Чтобы вывести изображения в нужным месте используйте следующий код:

if ( get_post_meta( get_the_ID(), 'images', false ) ){ //images название вашего произвольного поля
    $image_array = get_post_meta( get_the_ID(), 'images', false ); //images название вашего произвольного поля
}
if ( $image_array ) {

    foreach ( $image_array as $image ) {
        
        $thumbimg = wp_get_attachment_image( $image['ID'], 'thumbnail');
        $fullimg = pods_image_url( $image['ID'], 'large');
        echo '<a href="'.  $fullimg . '">' . $thumbimg . '</a>';
    }
}

Ищите плагины с названиями frequently asked questions, а лучше questions & answers. Таких плагинов много. А так можно реализовать еще через кастомные поля используя ACF + acf_form для добавления формы публикации

Для псевдоэлемента

border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: transparent blue transparent transparent;
  transform: rotate(45deg);

и пристыкуйте к обычной границе или ко второму псевдо, как удобнее.
Типа того: https://jsfiddle.net/aL0qty64/

только gulp или webpack (быстрее)

для ввода TeX-синтаксис
для отображения CSS + SVG
https://www.mathjax.org/

MathML

https://html-shark.com/HTML/Equations.htm

Через код ниже, связав его с кнопкой.

<?php 
$loop = new WP_Query( array( 
  'category_name' => 'имя_категории',
  'post_type' => 'product', 
  'posts_per_page' => 40,
  'orderby' => 'menu_order', 
  'order' => 'ASC',
  ));
while ( $loop->have_posts() ): $loop->the_post(); ?>
  <div <?php post_class("inloop-product"); ?>>
    <div class="row">
      <div class="col-sm-4">
        <?php the_post_thumbnail("thumbnail-215x300"); ?>
      </div>
      <div class="col-sm-8">
        <h4>
          <a href="<?php the_permalink(); ?>">
            <?php the_title(); ?>
          </a>
        </h4>
        <?php the_content(); ?>
        <p class="price">
          <?php _e("Price:","examp"); ?>
          <?php woocommerce_template_loop_price(); ?>
        </p>
        <?php woocommerce_template_loop_add_to_cart(); ?>
      </div>
    </div>
  </div> 
  <?php endwhile; ?>