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

[sergpoc]

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

 

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

 

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

 

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

[Tolik]

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

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

 

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

 

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

 

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

[Strelez]

Сделайте так (файл 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;
}

[sergpoc]

 

Сделайте так (файл 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;
}

Спасибище!

[sergpoc]

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

 

 

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

[Strelez]

Так

#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;
}

[sergpoc]

 

Сделайте так (файл 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 ничего не изменилось. Как исправить?

[Strelez]

Можно так

.box-product {
width: 100%;
/*overflow: auto;*/
}

[sergpoc]

 

Можно так

.box-product {
width: 100%;
/*overflow: auto;*/
}

Спасибо.