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

Кнопки "В закладки", "В сравнение" неправильное отображение в разных браузерах.


Recommended Posts

Здравствуйте.

 

В OpenCart - я новичок абсолютный. Познакомился с ним буквально несколько дней. Прошу помощи!

 

Есть сайт mama-i-medvedi.ru

Версия OcStore 2.1.0.2.1

Шаблон стандартный

Пытаюсь настроить дизайн под свой вкус.

Столкнулся со следующей проблемой. И на главной странице (в "Рекомендуемое") и при сравнении товаров, картинки и текст на кнопках "в закладки" и "в сравнение" правильно отображаются только в Mozilla Firefox, в других же браузерах (Chrom, Yandex, Microsoft Edge) правильно отображается только кнопка "В корзину". "Закладки" же и "сравнение" не центруются по вертикали.

 

001_bug_mozilla-firefox.jpg

002_bug_google-chrome.jpg

 

Если правильно понял, за это место на сайте отвечают следующие строки файла stylesheet.css

}
.product-thumb .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #eee;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.product-thumb .button-group button + button {
	width: 20%;
	border-left: 1px solid #ddd;
    display: inline-block;
	float: left;
	background-color: #eee;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.product-thumb .button-group button:hover {
	color: #444;
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer;
}

Что я там ни менял, ни экспериментировал, всё вроде работает. Но моя проблема так и остаётся!

 

Также прикрепляю полную версию своего файла к сообщению.

 

 

Прошу помощи! :)

stylesheet.css

Змінено користувачем SergeySK
Надіслати
Поділитися на інших сайтах


В stylesheet.css допишите

.product-thumb .button-group button + button {

min-height: 40px;

}

.product-thumb .button-group button {

min-height: 40px;

}

 

"Как просто ларчик открывался"...

 

БЛАГОДАРЮ! :)

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
×
×
  • Створити...

Important Information

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