Антон Литвиненко

<?php 
$my_lang = pll_current_language();  
if ( $my_lang != 'ka' || $my_lang != 'en'  ) { 
  echo 'тут ваш скрипт';
}
?>

{% if template.name == "index" %}
    do something
{% endif %}

Варианты могут быть разные, например, используя сетку бустрапа это было бы чтото типа

Если без сетки на флексах, то например както так

.swiper-slide {
	height: 0;
	position: relative;
	padding-top: 100%;
}

.swiper-slide img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

Дать контейнеру слайдера отступ слева

.slider-wrapper {
  margin-left: calc(50% - 1200px/2);
}

Где заменить 1200 на ширину вашего контейнера

$(window).on('resize', function(e){
  // Переменная, по которой узнаем запущен слайдер или нет.
  var initLib = $('.library-slider').data('init-slider');

  if(window.innerWidth < 768){
    // Если слайдер не запущен
    if(initLib != 1){
      // Запускаем слайдер и записываем в data init-slider = 1
      $('.library-slider').slick({
        arrows: false,
        dots: true,
        slidesToShow: 3,
        slidesToScroll: 1,
        responsive: [
          {
            breakpoint: 576,
            settings: {
              slidesToShow: 2,
              slidesToScroll: 1,
            }
          },
          {
            breakpoint: 480,
            settings: {
              slidesToShow: 1,
              slidesToScroll: 1,
            }
          }
        ]
      }).data({'init-slider': 1});
    }
  }
  // Если десктоп
  else {
    // Если слайдер запущен
    if(initLib == 1){
      // Разрушаем слайдер и записываем в data init-slider = 0
      $('.library-slider').slick('unslick').data({'init-slider': 0});
    }
  }
}).trigger('resize')

<div class="contacts__image" style="background-image: url(<?php echo get_the_post_thumbnail_url(get_the_ID, 'full') ?>);"></div>

Обычно сначала я отключаю автоматическое создание параграфов вокруг полей

add_filter('wpcf7_autop_or_not', '__return_false');

Я добавляю некоторые элементы и классы в разметку

<div class="form-group">[text* contact-name id:contact-name class:form-control class:input-text]<label for="contact-name">Name</label></div>
<div class="form-group">[email* contact-email id:contact-email class:form-control class:input-text]<label for="contact-email">Email</label></div>
<div class="form-group">[textarea contact-message x2 id:contact-message class:form-control class:input-text]<label for="contact-message">Message</label></div>
<div class="form-submit">[submit class:gradient-btn class:btn-submit "Send Message"]</div>

Стили

.contact-form-wrapper .wpcf7 .form-group > label {
  position: absolute;
  top: 20px;
  left: 0;
  cursor: text;
  pointer-events: none;
  margin-bottom: 0;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.contact-form-wrapper .wpcf7 .form-group.active > label {
  top: -5px;
  left: 2px;
  font-size: 16px;
  cursor: default;
}

Да не может такого быть. все шаблоны продают с css, если там есть еще и scss, то хорошо. С чего ты взял что он без css? реально купил и его там нету или тебе об этом сказал разработчик? или ты в инспекторе увидел? так то что ты увидел в инспекторе это неправда, это изза карты (чтото типа style.css.map), который создается компилятором. Браузер не хавает нескомпиленый scss

зы.
templates-furni.ok-cms.com/design/furniture_v1/css...
в конце sourceMap. Прогони через бьютифай и сравни с некоторыми селекторами

Вот эта картинка выпирает

Адаптивным картинкам нужно давать max-width: 100%

Как отследить с какой кнопки отпралена заявка wordpress?

$('.кнопка_которая_открывает_модалку').on('click', function (e) {
  e.preventDefault();
  var $data = $(this).parents('.селектор_одного_итема').find('.обертка_в_которой_все_данные').html(); // выбрали все данные
  $('.тут_селектор_модалки').find('.обертка_в_которую_будем_вставлять_данные').html($data); // вставляем данные в модалку
  // тут код который открывает модалку или что там у вас
});

Вообще формат времени и даты стандартно настраивается в Настройки > общие

$(window).on('resize', function(e){
  // Переменная, по которой узнаем запущен слайдер или нет.
  var initLib = $('.library-slider').data('init-slider');

  if(window.innerWidth < 768){
    // Если слайдер не запущен
    if(initLib != 1){
      // Запускаем слайдер и записываем в data init-slider = 1
      $('.library-slider').slick({
        arrows: false,
        dots: true,
        slidesToShow: 3,
        slidesToScroll: 1,
        responsive: [
          {
            breakpoint: 576,
            settings: {
              slidesToShow: 2,
              slidesToScroll: 1,
            }
          },
          {
            breakpoint: 480,
            settings: {
              slidesToShow: 1,
              slidesToScroll: 1,
            }
          }
        ]
      }).data({'init-slider': 1});
    }
  }
  // Если десктоп
  else {
    // Если слайдер запущен
    if(initLib == 1){
      // Разрушаем слайдер и записываем в data init-slider = 0
      $('.library-slider').slick('unslick').data({'init-slider': 0});
    }
  }
}).trigger('resize')

дать заголовку data-title="Портфолио"
передать data-title в content псевдоэлемента, привязанного к заголовку content: attr(data-title)
оформить псевдоэлемент как на картинке

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