1
Отображение Трех Категорий В 1 Строку
Автор PowerTea, 12 апр. 2017 09:51
Сообщений в теме: 6
#1
Отправлено 12 Апрель 2017 - 09:51
Приветствую! Подскажите, что подправить, чтобы 3 имеющиеся подкатегории отображались в одну строку, а не две, как это сейчас вот на этой странице - http://powertea.ru/c...g/Zelenye-sorta
Вот скриншот на всякий случай -
Другая такая же категория почему-то нормально отображается - http://powertea.ru/catalog/Aksessuary
Вот скриншот на всякий случай -
Другая такая же категория почему-то нормально отображается - http://powertea.ru/catalog/Aksessuary
#2
Отправлено 12 Апрель 2017 - 09:56
PowerTea (12 Апрель 2017 - 09:51) писал:
Приветствую! Подскажите, что подправить, чтобы 3 имеющиеся подкатегории отображались в одну строку, а не две, как это сейчас вот на этой странице - http://powertea.ru/c...g/Zelenye-sorta
Вот скриншот на всякий случай - 2017-04-12_08-50-39.jpg
Другая такая же категория почему-то нормально отображается - http://powertea.ru/catalog/Aksessuary
Вот скриншот на всякий случай - 2017-04-12_08-50-39.jpg
Другая такая же категория почему-то нормально отображается - http://powertea.ru/catalog/Aksessuary
Здравствуйте. Попробуйте в шаблоне main.css заменить код:
.pad-box { display: inline; float: left; margin-left: 10px; margin-right: 10px; max-width: 650px; }
на
.pad-box { display: inline; float: left; margin-left: 10px; margin-right: 10px; max-width: 800px; }
#3
Отправлено 13 Апрель 2017 - 12:44
MikDark (12 Апрель 2017 - 09:56) писал:
Здравствуйте. Попробуйте в шаблоне main.css заменить код:
на
.pad-box { display: inline; float: left; margin-left: 10px; margin-right: 10px; max-width: 650px; }
на
.pad-box { display: inline; float: left; margin-left: 10px; margin-right: 10px; max-width: 800px; }
Не помогло!
#5
Отправлено 24 Апрель 2017 - 22:51
Firefly (14 Апрель 2017 - 10:57) писал:
Здравствуйте.
Внес Вам поправки. Проверьте, пожалуйста, теперь все должно отображаться корректно.
Внес Вам поправки. Проверьте, пожалуйста, теперь все должно отображаться корректно.
Да, есть! Еще сделайте пожалуйста, чтобы этот блок из трех наименований категорий был по центру данной области, а не слева. Или подскажите, что подправить!
#6
Отправлено 25 Апрель 2017 - 04:50
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
Результат должен быть следующим:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.content_catalog_nested_categories li { text-align: center; float: left; width: 135px; height: 170px; overflow: hidden; padding: 1em; margin: 0px; list-style-type: none; background: none !important; }
замените на:
.content_catalog_nested_categories { width: 650px; text-align: center; display: block; } .content_catalog_nested_categories li { text-align: center; display: inline-block; width: 135px; height: 170px; overflow: hidden; padding: 1em; margin: 0px; list-style-type: none; background: none; }
Результат должен быть следующим:
#7
Отправлено 25 Апрель 2017 - 12:01
Vaccina (25 Апрель 2017 - 04:50) писал:
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
Результат должен быть следующим:
123.jpg
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.content_catalog_nested_categories li { text-align: center; float: left; width: 135px; height: 170px; overflow: hidden; padding: 1em; margin: 0px; list-style-type: none; background: none !important; }
замените на:
.content_catalog_nested_categories { width: 650px; text-align: center; display: block; } .content_catalog_nested_categories li { text-align: center; display: inline-block; width: 135px; height: 170px; overflow: hidden; padding: 1em; margin: 0px; list-style-type: none; background: none; }
Результат должен быть следующим:
123.jpg
Есть! Спасибо!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных