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


Уменьшить Расстояние Между Строками В Наименовании Категории


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

#1 customer8765

customer8765

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

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

Отправлено 30 Ноябрь 2015 - 21:31

Смотрим каталог слева.

Если наименование категории длинное и не умещается в одну строку, оно переносится на следующую (на скриншоте - категория "Компьютерные комплектующие и аксессуары).

Но при этом расстояние между первой и второй строками наименования очень большое, что делает каталог плохо читабельным.

Как это изменить?

И тут же, что бы два раза не ходить: как уменьшить расстояние между соседними категориями в каталоге слева?

Спасибо.

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

  • Image 1.jpg


#2 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 01 Декабрь 2015 - 09:21

Просмотр сообщенияcustomer8765 (30 Ноябрь 2015 - 21:31) писал:

Смотрим каталог слева.
Если наименование категории длинное и не умещается в одну строку, оно переносится на следующую (на скриншоте - категория "Компьютерные комплектующие и аксессуары).
Но при этом расстояние между первой и второй строками наименования очень большое, что делает каталог плохо читабельным.
Как это изменить?
И тут же, что бы два раза не ходить: как уменьшить расстояние между соседними категориями в каталоге слева?
Спасибо.

Здравствуйте! Напишите, пожалуйста, номер Вашего аккаунта, чтобы мы могли выслать Вам инструкции.

#3 customer8765

customer8765

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

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

Отправлено 01 Декабрь 2015 - 09:55

Просмотр сообщенияRedHead (01 Декабрь 2015 - 09:21) писал:

Здравствуйте! Напишите, пожалуйста, номер Вашего аккаунта, чтобы мы могли выслать Вам инструкции.

Аккаунт SL-364294

#4 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 01 Декабрь 2015 - 10:47

Просмотр сообщенияcustomer8765 (01 Декабрь 2015 - 09:55) писал:

Аккаунт SL-364294

Просмотр сообщенияcustomer8765 (30 Ноябрь 2015 - 21:31) писал:

Смотрим каталог слева.
Если наименование категории длинное и не умещается в одну строку, оно переносится на следующую (на скриншоте - категория "Компьютерные комплектующие и аксессуары).
Но при этом расстояние между первой и второй строками наименования очень большое, что делает каталог плохо читабельным.
Как это изменить?
И тут же, что бы два раза не ходить: как уменьшить расстояние между соседними категориями в каталоге слева?
Спасибо.

Здравствуйте!
В шаблоне main.css найдите строку
.block-menu-content li a {display: block;line-height: 44px;margin: 0;padding: 0 20px 0 17px;font-weight: 500;letter-spacing: 0.3px;text-align: left;text-transform: none;color: #404040;border-left: 3px solid rgba(0,0,0,0);}
замените ее на
.block-menu-content li a {display: block;line-height: 44px;margin: 0;padding: 0 20px 0 17px;font-weight: 500;letter-spacing: 0.3px;text-align: left;text-transform: none;color: #404040;border-left: 3px solid rgba(0,0,0,0);line-height: 2.4em;}
Уточните, пожалуйста, что Вы имели ввиду: "как уменьшить расстояние между соседними категориями"?

#5 customer8765

customer8765

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

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

Отправлено 01 Декабрь 2015 - 14:29

Просмотр сообщенияRedHead (01 Декабрь 2015 - 10:47) писал:

Здравствуйте!
В шаблоне main.css найдите строку
.block-menu-content li a {display: block;line-height: 44px;margin: 0;padding: 0 20px 0 17px;font-weight: 500;letter-spacing: 0.3px;text-align: left;text-transform: none;color: #404040;border-left: 3px solid rgba(0,0,0,0);}
замените ее на
.block-menu-content li a {display: block;line-height: 44px;margin: 0;padding: 0 20px 0 17px;font-weight: 500;letter-spacing: 0.3px;text-align: left;text-transform: none;color: #404040;border-left: 3px solid rgba(0,0,0,0);line-height: 2.4em;}
Уточните, пожалуйста, что Вы имели ввиду: "как уменьшить расстояние между соседними категориями"?

Спасибо, но это не совсем то.
Таким образом меняется высота всех строк с описаниями категорий в каталоге, а нужно, чтобы менялось расстояние только между началом строки с описанием категории и её продолжением в следующей строке (если таковое имеется), как на скриншоте.

#6 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 01 Декабрь 2015 - 16:23

Просмотр сообщенияcustomer8765 (01 Декабрь 2015 - 14:29) писал:

Спасибо, но это не совсем то.
Таким образом меняется высота всех строк с описаниями категорий в каталоге, а нужно, чтобы менялось расстояние только между началом строки с описанием категории и её продолжением в следующей строке (если таковое имеется), как на скриншоте.

Здравствуйте! К сожалению, нельзя реализовать такое условие.
Можно сделать так: вручную прописать междустрочный интервал у пунктов меню, которые состоят из двух строк.
Для этого в шаблоне main.css найдите строку
.block-menu-content ul > li:last-child {border-bottom: 0;}
после нее вставьте
.block-menu-content ul > li:nth-child(3) > a {line-height: 2.4em;}
Уменьшится междустрочный интервал у третьего по счету пункта меню, т.е. "Компьютерные комплектующие и аксессуары".
У подпунктов такое реализовать не получится.




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

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