Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

Добрый день. Подскажите, как поменять стандартный вид таблицы в 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 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.