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


Небольшая Коррекция Дизайна Хлебных Крошек


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

#1 Eclipse

Eclipse

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

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 21 Февраль 2015 - 19:45

Здравствуйте, хотелось бы изменить 2 момента в блоке хлебных крошек:
а) Раза в 2 уменьшить поля-отступы от краёв (схематично обозначили на скриншоте красными крестами — там надо лишнее убрать, слишком много пустого белого места)
б) Если путь длинный и не помещается в одну строчку, то чуть больше расстояние между 1 и 2 строчкой, хотя бы пикселей на 6 (проблемное место схематично указано на скриншоте ярко-зелёной толстой линией)

Прикрепленные изображения

  • QIP Shot - Screen 078.png
  • QIP Shot - Screen 079.png


#2 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 21 Февраль 2015 - 20:30

Просмотр сообщенияEclipse (21 Февраль 2015 - 19:45) писал:

Здравствуйте, хотелось бы изменить 2 момента в блоке хлебных крошек:
а) Раза в 2 уменьшить поля-отступы от краёв (схематично обозначили на скриншоте красными крестами — там надо лишнее убрать, слишком много пустого белого места)
б) Если путь длинный и не помещается в одну строчку, то чуть больше расстояние между 1 и 2 строчкой, хотя бы пикселей на 6 (проблемное место схематично указано на скриншоте ярко-зелёной толстой линией)
Здравствуйте. В main.css замените
.breadcrumbs li span{padding:0 7px; background:url("{ASSETS_IMAGES_PATH}breadcrumb_divider.gif") center 5px no-repeat;}
на
.breadcrumbs li span{padding:0 2px; background:url("{ASSETS_IMAGES_PATH}breadcrumb_divider.gif") center 5px no-repeat;}
и добавьте
.with-keyup-navigation li {
line-height: 20px;
}


#3 Eclipse

Eclipse

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

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 21 Февраль 2015 - 20:36

Спасибо! Всё получилось. Только менять padding нужно было в .breadcrumbs {...}




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных