Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

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


sergpoc
 Поделиться

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

Здравствуйте.Сделал вывод категорий с картинками на главной.

 

Скажите пожалуйста кто-нибудь, как сделать 4 столбца вместо трех по горизонтали? 

 

Шаблон - https://opencartforum.com/topic/17454-shadow/

 

Вот сам сайт - mis ter par.ru (пробелы убрать).

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


Здравствуйте.Сделал вывод категорий с картинками на главной.

Как сделали не подскажите? Или модуль?

 

Скажите пожалуйста кто-нибудь, как сделать 4 столбца вместо трех по горизонтали? 

 

Шаблон - https://opencartforum.com/topic/17454-shadow/

 

Вот сам сайт - mis ter par.ru (пробелы убрать).

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


Сделайте так (файл catalog/view/theme/shadow/stylesheet/stylesheet.css)

.box-product > div {
position: relative;
display: inline-block;
vertical-align: top;
width: 220px; //исправлено здесь
text-align: left;
padding: 10px 0px 25px 10px; //и здесь
margin-bottom: 11px;
margin-right: 5px; // и тут
border: 1px solid #efefef;
background: #fff;
overflow: hidden;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
Ссылка на комментарий
Поделиться на других сайтах


 

Сделайте так (файл catalog/view/theme/shadow/stylesheet/stylesheet.css)





.box-product > div {
position: relative;
display: inline-block;
vertical-align: top;
width: 220px; //исправлено здесь
text-align: left;
padding: 10px 0px 25px 10px; //и здесь
margin-bottom: 11px;
margin-right: 5px; // и тут
border: 1px solid #efefef;
background: #fff;
overflow: hidden;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

Спасибище!

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


Еще один вопрос. Как сделать шрифт жирным в верхнем меню?

 

 

Компьютеры
Ноутбуки
Компоненты
Планшеты
Програмное обеспечение
Телефоны и PDA
Камеры
MP3 Плееры

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


Так

#menu > ul > li > a {
font-size: 11px;
font-weight: 700; //Добавлено
color: #868686;
line-height: 16px;
text-decoration: none;
display: block;
padding: 0px 12px 0px 12px; //Убавлено
z-index: 1;
position: relative;
text-transform: uppercase;
}
Ссылка на комментарий
Поделиться на других сайтах


 

Сделайте так (файл catalog/view/theme/shadow/stylesheet/stylesheet.css)



.box-product > div {
position: relative;
display: inline-block;
vertical-align: top;
width: 220px; //исправлено здесь
text-align: left;
padding: 10px 0px 25px 10px; //и здесь
margin-bottom: 11px;
margin-right: 5px; // и тут
border: 1px solid #efefef;
background: #fff;
overflow: hidden;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

В Internet Explorer ничего не изменилось. Как исправить?

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


Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

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

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