В шаблоне Magento Cattheme-se101 вверху панели навигации CSS, как добиться двух строк в одном блоке? - PullRequest
0 голосов
/ 19 сентября 2011

Вот демоверсия темы: http://demo.cattheme.com/se101/ В ок. в строке 20 указана ссылка на нужный файл .css, который сейчас находится на странице: http://demo.cattheme.com/se101/media/css/0faa57547575da2b7b0c8d2cc713a5f2.css

Мне кажется, строка 712 гласит: #nav li a.level-top {display: block; отступы: 0 7px; высота строки: 39px; тень текста: 0 1px 1px rgba (0, 0, 0, 0.75), цвет: #FFFFFF; Размер шрифта: 11px; text-transform: uppercase;} контролирует левую часть верхней панели навигации что в настоящее время на демо-версии:

МЕБЕЛЬ | ЭЛЕКТРОНИКА | ОДЕЖДА | IPHONE И IPAD | МОДА | ТЕХНОЛОГИЯ АВТОМОБИЛЕЙ | И ТАК ВКЛЮЧЕНО ...

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

ABBIE     | ELECTRONICS | POPULAR  | IPHONES | FASHION | CAR         | AND SO ON...
FURNITURE |             | APPAREL  | & IPADS |         | TECHNOLOGY  | 

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

Это потому, что я должен изменить что-то еще где-то еще? Ценю вашу помощь!

1 Ответ

0 голосов
/ 19 сентября 2011
  • Содержащие элементы (какими бы они ни были) должны иметь определенную ширину.
  • Содержащие элементы должны иметь определенную высоту.
  • Текст должен быть установлен на display: inline;
  • Вам необходимо настроить line-height текста.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...