Stalker_RED: стандартное решение когда лебл лежит на одном уровне с инпутом и к нему можно обратится через селектор соседа и на изменение состояния радиокнопки можно привязать изменение свойств псевдоэлементов лейбла (display: none\ display:block) В этом же случае такой подход не катит потому что лейбл является родителем для инпута, а css, к сожалению, не позволяет обращаться от чайлда к родителю.
Stalker_RED: на кодпен я стилизовал радиокнопки (просто по быстрому накидал для примера) но мне нужно это все заставить работать. Сейчас они просто раскрашены и не более, проблема в том чтоб заставить after (внутренняя красная точка) на cheked появляться и пропадать при его отсутствии.
Дмитрий Жуков: Сейчас я возможно скажу что-то невероятно нелепое, но что если через JS брать высоту блока в котором у тебя находятся карточки товаров и при наведении на них задать этому же блоку опять через JS эту же высоту?
Возможно (скорее всего так и есть) я что-то недопонимаю в работе со шрифтами, но насколько я понял разные форматы шрифтов нужны для кроссбраузерности, у меня же есть только TTF и я надеялся сгенерировать остальные.
Я тут почитал. Короче проблема достаточно распространенная именно с хромом на семерке и шрифтом лато. Но с решениями как-то туго. Вроде бы для того чтобы подружить хром на семерке и этот шрифт надо скачать вторую версию этого шрифта от автора. Насколько это поможет не знаю. Пробуй
Совет из разряда "А ты лобовое стекло протирал?" но все же, попробуй засунуть свой ttf шрифт сюда оно сгенерирует еще несколько форматов шрифта и CSS файл с корректным подключением. Закинешь сгенерированный шрифт себе в проект и скопируешь подключение себе в CSS.
Почему-то не подхватывается. Причем если вписать твое Лато во второе подключение то снова все слетит. То есть проблема в этом Лато получается. А как ты его подключаешь?