Как сделать hover эффект для товара?

Nina Kraviz, .catalog-item и .catalog-item.hover и его детям

Как сделать hover эффект для товара?

Там это сделано скриптом. Открываете инспектор и разглядываете что к чему:

Как поправить css верстку?

anton99zel, у вас есть ответ tyzberd и он верный

#radio1:checked ~ .desc1 тильда означает что .desc1 находится на одном уровне с чекнутым инпутом и в коде идет после него. Если нужно, чтобы визуально чекбоксы шли после блоков, то они туда отправляются либо с помощью order (родитель должен иметь display: flex) либо инпуты скрываются, а внизу размещаются label с атрибутом for. который свяжет их с инпутами. Второй вариант хорош тем, что label можно стилизовать как угодно.

Как поправить css верстку?

Потому что .desc1 не является вложенным в инпут элементом.

брррр
В вопросе в CSS написана тильда ~ , а это соседний селектор, который и не предполагает, что desc1 будет вложен в input. И тег input одиночный.

Как получить координаты слоя (svg) в Photoshop?

Правой кнопкой по слою "Копировать SVG" и прямо вставляете в верстку.

Slick, как сделать эффект увеличения?

Или может есть готовый такой слайдер?

Самый простой способ погуглить по картинкам и фразе связанной с галереей или каруселью.

Кто нибудь решал такую задачу с помощью slick?

По крайней мере раз в неделю на Тостере.

Как сделать линейный градиент пунктиром?

Это почитайте: css.yoksel.ru/css-patterns

Как отключить Slick slider?

Андрей, и что мешает проверять при ресайзе или при смене ориентации?

Как отключить Slick slider?

Проверяйте if ($(window).width() > 768) {вызов слик}

breakpoint'ы не на чем пробовать

Как работает LESS на стороне клиента, почему обязательно нужен сервер?

Я бы голосовала за ошибки в самом less.

Смущает пример, приведенный в вашем прошлом вопросе.

После блока с формой, все остальные блоки теряют свои стили, бэкграунды, @медиа условия, и т.д. Остаётся только сам контент. Как исправить?

Кто нибудь знает, что делать?

Да, открыть инспектор и проверить закрыты ли все теги, нет ли ошибок в css, типа отсутствия скобок.

Можно ли объединять картинки в фотошопе при верстке?

Правильно: логотип в векторе, т.е. svg.
Если круг это неотъемлемая часть логотипа, то логично им быть вместе.

Еще продумать момент вставки ссылки на сайт в соц.сети, мессенджеры и т.д. Часто туда автоматом забирается и логотип (или первый img встреченный на странице).
Либо не забыть про разметку OpenGraph и скормить ей другую картинку.

Как правильно подключить код SVG используя только CSS?

У человека доступ только к CSS, какая разметка и символы??

Как конвертировать сгенерированный css?

Онлайн конвертеры смогут лишь разложить селекторы "по полочкам". Ни миксины, ни переменные при этом не вернутся. Так что особого смысла в этой деятельности нет.

Как очистить тайтл с дискрипшином при копировании ссылки?

Ватсап немножко кеширует данные.
Но еще проверьте все ли правильно написано в разметке OpenGraph.

Как сделать обратную анимацию для псевдоэлемента after (css)?

Выложите, пожалуйста, действующий пример на jsfiddle.net

Исправить hover эффект?

Олег,
Чего тут думать? Не такой большой выбор.
1. ::after у а свободен остался. Фон и бордер.
2. span внутри a
3. li и а сделать одинаковыми по размеру. Первый эффект переписать на li, второй на а.
4. Использовать js.

Не знаю, как выглядит макет, но стойкое ощущение, что оберток перебор. Если все так, как в песочнице, то 2 дива лишние.

Как разместить элементы?

nen0y, float:left

либо без флоатов, инлайн-блоками

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

Как сделать такой слайдер на owl carousel?

vitalybnk, что-то мне кажется, что вот так https://webref.ru/css будет полезнее.
Там есть свойства "ширина", "высота", "масштабирование", "позиционирование".
И моя любимая ссылка про горизонтальное и вертикальное центрирование https://learn.javascript.ru/css-center

Исправить hover эффект?

Олег, разобрались?