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

Ширина модуля "последние поступления"

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

Подскажите кто знает где можно изменить ширину данного модуля необходимо для отображения 6 товаров в 1 строке сейчас их 5 6-й переносится на другую строку размер самих картинок менял не помогло

 

55bfb72cb45de82ef6c9b71a6ede1f61.png

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


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

надо изменить ширину div*а а не картинки...+ смещение посмотреть
картинка в виде примера...все что могу... а сайт на обслуживание закрыт

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


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

надо изменить ширину div*а а не картинки...+ смещение посмотреть

картинка в виде примера...все что могу... а сайт на обслуживание закрыт

Открыл сайт можете посмотреть

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


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


.box-product > div { 
background: -webkit-linear-gradient(bottom, #F0F0F0, #F9F9F9) transparent;
border: 1px solid #DADADA;
border-radius: 2px;
display: inline-block;
padding: 10px;
text-align: center;
vertical-align: top;
width: 130px;
}

stylesheet.css 770 строка. Ширину 130px уменьшайте методом "научного тыка")))

125, например, подходит.

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


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

выставьте больший пяти лимит на вывод последних товаров

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


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


.box-product > div { 
background: -webkit-linear-gradient(bottom, #F0F0F0, #F9F9F9) transparent;
border: 1px solid #DADADA;
border-radius: 2px;
display: inline-block;
padding: 10px;
text-align: center;
vertical-align: top;
width: 130px;
}

stylesheet.css 770 строка. Ширину 130px уменьшайте методом "научного тыка")))

125, например, подходит.

 

Извините а где он лежит этот stylesheet.css

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


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

выставьте больший пяти лимит на вывод последних товаров

Поставил

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


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

Извините а где он лежит этот stylesheet.css

и я имел ввиду не ширину блока товара а ширину блока со всеми товарами

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


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

/catalog/view/theme/unibacr/stylesheet/stylesheet.css
 
строка 770

.box-product > div {
width: 120px;
display: inline-block;
vertical-align: top;
text-align: center;
padding: 10px;
background: #fff;
border: 1px solid #dadada;
background: -webkit-linear-gradient(bottom, #f0f0f0, #f9f9f9);
border-radius: 2px;
margin-bottom: 10px;
 
}

добавил еще

margin-bottom: 10px;

дабы не было наползания нижнего блока

  • +1 1

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


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

/catalog/view/theme/unibacr/stylesheet/stylesheet.css

 

строка 770

.box-product > div {
width: 120px;
display: inline-block;
vertical-align: top;
text-align: center;
padding: 10px;
background: #fff;
border: 1px solid #dadada;
background: -webkit-linear-gradient(bottom, #f0f0f0, #f9f9f9);
border-radius: 2px;
margin-bottom: 10px;
 
}

добавил еще

margin-bottom: 10px;

дабы не было наползания нижнего блока

Шикарный вид! Благодарю, вопрос закрыт.

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


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

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

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

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

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

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

Войти

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

Войти

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

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

×

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

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