Andrey K.

Если нужно быстрое решение без изменения существующей структуры модального окна, то в функции closeModal для modalContent добавьте addEventListener на click и остановите всплытие данного события выше к родителю через event.stopPropagation();

Здравствуйте. Можно.

Помимо условного форматирования, нужно указать формулу, она выдаст нужный эмодзи. На основе эмодзи, к ячейке можно применить условное форматирование.

Пример: https://docs.google.com/spreadsheets/d/1WsrecLeqZs...

Эмодзи с фоном на втором листе, значения - на первом.

С помощью тени, цвета только нужно поправить на нужные

Так не отрабатывает?

<?
$imgPath = ''; //здесь путь к картинке
?>

<div style="background-image: url('<?=$imgPath?>;')"></div>

У вас есть отдельный обработчик не на ссылке, а на изображении:

$(".wp-post-image").click(function(){	// Событие клика на маленькое изображение

Но дело в том, что данный скрипт применился к уже имеющимся на странице элементам, а затем вы загружаете новые. В таком виде, скрипт к ним не применится.

Попробуйте использовать такую конструкцию вместо предыдущей:

$(document).on("click", ".wp-post-image", function() {

Я так понял, нужно без CSS?
Тогда вариант с 4-мя таблицами внутри одной общей таблицы:
https://codepen.io/just_freelance/pen/poJGxOr

С CSS всё выглядит гораздо проще:
https://codepen.io/just_freelance/pen/PoqVyov

Попробуйте добавить в параметры слайдера:

observer: true,
observeParents: true

Тогда при открытии вкладки, слайдер будет инициализироваться.

Можете подробнее глянуть в документации: https://swiperjs.com/api/

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

https://codepen.io/just_freelance/pen/bGdMeWg