Перейти к содержанию
qwertyfaq

Стиль таблицы в описании и ширина описания

Рекомендуемые сообщения

Добрый день. Подскажите, как поменять стандартный вид таблицы в ocstore 2.3 на полосатый, как на скриншоте? 

 

нашел кусочек кода для ccs 

table tbody tr:nth-child(odd){ /* Задаем стили для нечетных рядов таблицы */
	background: #fff;
}
table tbody tr:nth-child(even){ /* Задаем стили для четных рядов таблицы */
	background: #f2f6f8;
}

но не пойму где его применить. код нашел здесь https://webcareer.ru/polosataya-tablica.html

 

и вопрос 2

помогите уменьшить ширину описания товара, шаблон unishop 

http://car-good.ru/shtatnye-magnitoly/audi/farcar-s170 слишком широкое

Снимок экрана 2018-10-18 в 23.17.50.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
2 часа назад, qwertyfaq сказал:

Добрый день. Подскажите, как поменять стандартный вид таблицы в ocstore 2.3 на полосатый, как на скриншоте? 

 

нашел кусочек кода для ccs 


table tbody tr:nth-child(odd){ /* Задаем стили для нечетных рядов таблицы */
	background: #fff;
}
table tbody tr:nth-child(even){ /* Задаем стили для четных рядов таблицы */
	background: #f2f6f8;
}

но не пойму где его применить. код нашел здесь https://webcareer.ru/polosataya-tablica.html

 

Можно так, по пути: ваш сайт/catalog/view/theme/ваша_тема/stylesheet/stylesheet.css

 

Просто допустим добавив снизу кусок кода. Потом применив его в хтмл элементе который добавляете,

____________________________________

 

 

А лучше почитайте тут или тут

 

Чтобы элемент подсвечивался, как это обычно бывает нужно, просто к tr добавьте hover

 

например:
 

tr:hover {
   color:red; /*ну или любой другой цвет*/
}

 

Изменено пользователем MFX

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
21 час назад, MFX сказал:

 

Можно так, по пути: ваш сайт/catalog/view/theme/ваша_тема/stylesheet/stylesheet.css

 

Просто допустим добавив снизу кусок кода. Потом применив его в хтмл элементе который добавляете,

____________________________________

 

 

А лучше почитайте тут или тут

 

Чтобы элемент подсвечивался, как это обычно бывает нужно, просто к tr добавьте hover

 

например:
 


tr:hover {
   color:red; /*ну или любой другой цвет*/
}

 

все получилось, супер, спасибо! 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.