maralov

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

Если это сложно и долго для вас, то нет ничего быстрее чем проорать "Свободная касса". И то по отзывам это просто один раз, а когда кричишь целый день голос садится. И еще эти кепки непонятные...

Гхм..
На примере какого-нибудь сайта на Wordpress
Чаще всего подобный заказ приходит тогда, когда до тебя уже десяток рукожопов наговнокодили каждый как сам хотел, и когда в конце-концов пришел глобальный пушной зверь, этот заказ попадает как раз именно к тебе.
В лучшем случае у тебя есть доступы и в админку и на фтп, в худшем - только в админку. На вордпрессе, если не ты изначально делал верстку будут стили уже скомпиленые и доступа к исходникам скорее всего нет.
Дальше ты пытаешься разобраться в этом месиве из говнокода, и, возможно, чинишь то что надо. На поиски нужного места ушло девять десятых всего времени, на саму работу одна десятая.
И когда ты думаешь, что ты в этой жизни видел теперь все, на следующий день приходят правки по сайту, который еще хуже...

Закинь картинку и этот прямоугольник под текст с помощью position и настрой z-index. если картинка на самом деле целый непрерывный прямоугольник то для текста еще paddind добавь

Можно вынести переменную с id таймера за пределы функции, тогда при вызове clearTimeout будет доступна актуальная ссылка. Но удобнее и корректнее хранить id таймера в замыкании, таким образом, код можно будет использовать много раз.

let el = document.getElementById('a');

function func(){
  let timeId;
  
  const handleScroll = () => {
    let scrollPos = window.pageYOffset;
    document.getElementById('z').innerHTML = scrollPos;
    if(scrollPos > 600) {
      if(!el.classList.contains('timer')) {
        el.classList.add('timer');

        let b = 60;
        timeId = setInterval(() => {
          b--;
          el.innerHTML=b;
          if(b == 0){
            el.classList.remove('timer');
            clearInterval(timeId);
            alert('Отлично!');
          }
        }, 1000);
      }  
    } else {
      console.warn('stop');
      clearInterval(timeId);
    }
  }
  window.addEventListener('scroll', handleScroll); 
}

func();

Нормальный вопрос, вспомните себя в молодости: какие были наполеоновские планы по захвату мира? У каждого такие были (а у некоторых даже ещё есть). Но я не буду писать что-то на тему "автор школьник, гыыы", а возьму и отвечу. Потому что я в теме с 2001 года и, кажется, понимаю о чём вопрос.

Подавляющему количеству бизнесов сегодня не нужен сайт. Инста и фейсбук отлично продают физические товары и услуги. Более половины предпринимателей, тех, которым я лет 5-6 назад делал сайт, сейчас успешно продаются в VK, инсте или FB и ничего не хотят слышать про "свой собственный сайт".

Большинство из оставшихся не нуждаются в сложных многостраничных сайтах. На самом деле, есть статистика, что простые одностраничные сайты продают в 2-5-10 раз лучше, чем многостраничники. Пользователю просто некуда уходить - там есть самая главная информация о продукте и кнопка "заказать". Он прочитал и заказал. Если пользователь начинает бродить по сайту, он устаёт, его мозг "забивается" и он решает отложить покупку "на потом". Этих предпринимателей успешно закрывают Викс, ЛПгенератор, Тильда и прочие многочисленные "кон стру кторы сайтов". Сделать "сайт" на этих платформах сможет даже школьник (и они делают). Это работа точно не для профессиональной студии разработки сайтов.

Что делать, если людям нужно продавать больше, чем один товар? Ещё одна требовательная категория - это потенциальные владельцы интернет-магазинов. Раньше был мощный пласт разработки - это как раз таки разработка интернет-магазина. И этот пласт, как вы, наверное, догадались, почти закрыт сервисами.

И вот сюда, в принципе, вы можете пойти. Ещё не все потребности закрыты. Можно делать модули для OpenCart, допиливать магазы на Woocommerce, есть такой удобный SaaS-сервис Shopify, который тоже имеет API и поддерживает сторонние модули - есть где порезвиться.
Но опять-таки это не разработка с нуля.

Многие студии концентрируются на разработке уникального дизайна сайта. Тема интересная и в своё время была довольно прибыльной. Но сегодня в интернетах куча готовых шаблонов, из которых 98% бизнесов выбирают себе дизайн и немножко поднастроив, получают уникальный сайт. Вы можете попробовать зайти сюда, но придётся довольно долго искать хорошего клиента.

А вот куда можно реально пойти - это разработка больших программных продуктов. Таких заказов мало, куда меньше, чем владельцев микро-бизнесов. Это разработка SaaS, главным образом. Разработка маркетплейсов, сервисов и всё такое прочее, что ещё долго не будет закрыто конструкторами. И вы можете использовать для этого симфони, даже WP и CodeIgniter. Если есть мощь и знание - можете попробовать использовать Nodejs или даже Go.
Опять-таки скажу ещё раз, что в этой теме не очень много заказов, но все они стоящие. И часто приходится делать не на том, на чём вы привыкли, а на том, что требует сам сервис. Обычно это включает в себя много разных технологий - морда на React, Vue, Angular, основной бэкенд на Nodejs или Go (никаких CMS!), как правило, сразу заказывают и мобильное приложение - так что будьте готовы делать. На первых порах можете проехать на PhoneGap, но часто это решение не годится, заказчики пошли умные, умеют гуглить.

В общем, вперёд. И самое главное, что я хотел бы сказать - если вы будете рассчитывать на много простых заказов, то не преуспеете, с большой вероятностью. Потому что простые заказы умеет делать каждый школьник, а у него больше свободного времени и не надо платить зарплату подрядчикам, так что он вас победит.
Нужно идти туда, где школьники не справляются в одиночку - там, где нужно много современных технологий одновременно. Вот где золотая жила для IT компаний.

Удачи!

Сделайте псевдоэлемент. Например:

.element {
position:relative;
}
.element:after {
content:'';
position:absolute;
bottom:0;
left: 0;
right:0;
z-index:1;
background: #ccc; // цвет фона блока
height: 25px; // высота нижнего padding
}

Если вы делаете свои кнопки навигации, которые хотите вывести в нужном вам месте, то используйте в настройках слайдера это

nextArrow: document.querySelector('#my-arrow-next'),
prevArrow: document.querySelector('#my-arrow-prev')

Как вариант, можно что-то нахимичить с тэгом map.