Перейти к содержимому


Отображение Трех Категорий В 1 Строку


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 6

#1 PowerTea

PowerTea

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородКалининград

Отправлено 12 Апрель 2017 - 09:51

Приветствую! Подскажите, что подправить, чтобы 3 имеющиеся подкатегории отображались в одну строку, а не две, как это сейчас вот на этой странице - http://powertea.ru/c...g/Zelenye-sorta

Вот скриншот на всякий случай - 2017-04-12_08-50-39.jpg

Другая такая же категория почему-то нормально отображается - http://powertea.ru/catalog/Aksessuary

#2 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 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

Здравствуйте. Попробуйте в шаблоне 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 PowerTea

PowerTea

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородКалининград

Отправлено 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;
}

Не помогло!

#4 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 14 Апрель 2017 - 10:57

Просмотр сообщенияPowerTea (13 Апрель 2017 - 12:44) писал:

Не помогло!

Здравствуйте.
Внес Вам поправки. Проверьте, пожалуйста, теперь все должно отображаться корректно.

#5 PowerTea

PowerTea

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородКалининград

Отправлено 24 Апрель 2017 - 22:51

Просмотр сообщенияFirefly (14 Апрель 2017 - 10:57) писал:

Здравствуйте.
Внес Вам поправки. Проверьте, пожалуйста, теперь все должно отображаться корректно.

Да, есть! Еще сделайте пожалуйста, чтобы этот блок из трех наименований категорий был по центру данной области, а не слева. Или подскажите, что подправить!

#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 25 Апрель 2017 - 04:50

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

Зайдите в раздел Сайт - Редактор шаблонов - 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

#7 PowerTea

PowerTea

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 177 сообщений
  • ГородКалининград

Отправлено 25 Апрель 2017 - 12:01

Просмотр сообщенияVaccina (25 Апрель 2017 - 04:50) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - 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 анонимных