edwin_edwin

Цвета текстом продублируйте и для цены сделайте возможность вручную ввести.

.widget-area a {
line-height: 1.6;
}

Дублировать код в виде

#menu-item-33
{
  line-height: 100%;
}
#menu-item-32
{
  line-height: 100%;
}
#menu-item-31
{
  line-height: 100%;
}
#menu-item-30
{
  line-height: 100%;
}

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

Все довольно просто. Разбирайся:

Html:
<div class="block">Текст</div>
Css:

.block {
   background: gray;
   color: #FFF;
   cursor: pointer;
   transition: 3s;
}

.block:hover {
   background: blue;
}

Цвета и прочие стили уже сами сделаете под себя. Ключевое свойство здесь - transition. И его значение можете поменять.

UPD: А для svg изображений/иконок вот такой код:

svg {
  fill: gray;
  transition: fill 2s ease;
}

svg:hover {
  fill: blue;
}

В общем в интернете ничего толкового не нашел, но наткнулся на идею ALT кодов, которая не зависит от раскладки. Написал свой небольшой ducky парсер с использованием этой идеи github

jQuery

$('.product').removeClass('columns-4');
$('.product').addClass('columns-1);

+ смотри подключен ли скрипт на странице

Хочу стать фронт-энд разработчиком, а там главное знать отлично JavaScript.

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

Frontend - это всё что вы видите глазами. Верстать во фронтенде это номер один на проекте, особенно у джуна. Будете сеньором, верстать будете в голове, раз в 3 года.
К тому же по своему опыту могу сказать, что когда выбирал между Бэком и Фронтом, остановился на фронте именно из-за верстки - вы не только можете показать свою работу работодателю, но и очень часто по фронту её и оценивают, так как для заказчика(фриланс, работодатель, и тд и тп) не будет понятно что вы там накрутили на бэке. Есть техническое задание, и вы можете наговнокодить на бэке(условно), и велосипед будет работать, а вот наговногодить на фронте - это болезненно, ваши косяки будут видны.

Воу воу, ребята, полегче. Ну и депресняк вы тут устроили. "Нет денег", "все сложно"... Он и не говорит, что хочет лёгкие деньги.

По вопросу:
Можешь устроиться в небольшую студию стажёром, бесплатно или на пол ставки, брать простые задания на разработку. Можно походу изучать и делать. Потихоньку придет опыт, дальше больше.

Если нет возможности устроиться в офис, создай красивый профиль на биржах и пробуй там.

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

По разработке:
Первый шаг, это конечно же html/css.
Второй, начинай рнр/mysql. Там все очень просто. (Именно начинай, а не пытайся узнать всё! Без практики теория быстро забывается).
Третий, учи вордпресс. Научись делать тему, плагин. Там тоже ничего сложного.

И ещё, не бойся конкуренции, свой хлеб точно найдешь!

И при всём этом вообще не знаю что надо делать что бы зарабатывать.

Чтобы зарабатывать надо работать на работе.
Чтобы работать на работе, надо на нее устроиться.
Чтобы на нее устроиться, нужно найти вакансию, пройти собеседование.

Что нужно делать и уметь обычно написано в вакансии.

Следовательно, ищете вакансии, читаете что в них нужно изучить, изучаете.
И 19 лет это уже взрослый человек - проявляйте больше самостоятельности, перед тем как задать вопрос попробуйте найти уже готовый ответ. 19-летних людей ОЧЕНЬ много, вопросы у них однотипные. Готовых ответов в интернете полным полно. Если их сложно найти, или вы считаете себя уникальным, то лучше вообще не выбирать ИТ направление, потому что тут нужно очень много искать в интернете готового.

Как зарабатывать на веб программирование?

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

Заходим: chrome://flags/
Находим: #form-controls-refresh
Ставим: Disabled
Перезапускаем хром

Легко