1. Приветствуем Вас на нашем закрытом форуме для складчиков сайта cmsheaven.org. Если Вы частный вебмастер, фрилансер, владелец малого или среднего бизнеса, представитель студии по разработке сайтов - будем рады видеть Вас в наших рядах экономных людей.
    Регистрация на форуме возможна только после вступления в складчину

Поменять шрифт в меню

Тема в разделе "Вопросы по Joomla CMS [тех. поддержка]", создана пользователем DeniTornado, 15 сен 2015.

  1. DeniTornado

    DeniTornado Опытный складчик

    Регистрация:
    29 авг 2015
    Сообщения:
    70
    Симпатии:
    8
    Привет всем!
    Я тут недавно постил проблемки разбираясь с CSS в Zoo-Blog. Но те траблы я победил!!разобрался где и чего лежит. Шрифт сделал какой мне надо! Сайт уже выходит на финишную прямую (почти) и сейчас настал черед главного и выпадающего меню.
    Использую шаблон YT Drive. Сделал некоторые изменения в шаблоне по шрифтам - внедрил туда свои шрифты(кириллические), делал по мануалу от Yootheme. Все получилось, шрифты даже стали доступны в настройках шаблона в админке и для меню я выбрал шрифт GunnyRewrittenRegular.
    Главное меню теперь выглядит так:
    [​IMG]
    и другой блок
    [​IMG]
    Как видно, верхний уровень 1 меню применил к себе шрифт. А под уровни ни фига!
    ------вот код CSS для стиля меню--------------------------
    .menu-dropdown a.level1,
    .menu-dropdown span.level1 {
    font-family: "GunnyRewrittenRegular", Arial, Helvetica, sans-serif;
    font-size: 22px;
    } (это верхний уровень - Главная, Прайс, Портфолио и т.п.)

    .menu-dropdown .level2 > span > span.subtitle,
    .menu-dropdown li.level3 { font-size: 14px; } (это уровень Subtitle - Мир графики, Мир Кино и т.п, то что в широком меню, но в его левой части более крупным шрифтом)

    .menu-dropdown .level1 > span > span.subtitle { font-size: 12px; } (это второй уровень О Студии, Услуги, Контакты)
    -------------------------------------------------------------------
    Проблема в том, что я ни как не могу правильно отредактировать этот CSS чтобы все уровни меню были шрифтом GunnyRewrittenRegular
    К примеру: такой код дает следующий результат:
    -------------------------------------------------------------------
    .menu-dropdown a.level1,
    .menu-dropdown span.level1 {
    font-family: "GunnyRewrittenRegular", Arial, Helvetica, sans-serif;
    font-size: 22px;
    }

    .menu-dropdown .level2 > span > span.subtitle,
    .menu-dropdown li.level3 { font-family: "GunnyRewrittenRegular", Arial, Helvetica, sans-serif; font-size: 14px; }

    .menu-dropdown .level1 > span > span.subtitle { font-size: 12px; }
    -------------------------------------------------------------------
    [​IMG]
    Видим, что шрифт поменялся у широкого меню (Блоги). Теперь пробуем поменять шрифт в Subtitle и в выпадающем меню у пункта "Яркий Кадр"
    -------------------------------------------------------------------
    .menu-dropdown a.level1,
    .menu-dropdown span.level1 {
    font-family: "GunnyRewrittenRegular", Arial, Helvetica, sans-serif;
    font-size: 22px;
    }

    .menu-dropdown .level2 { font-family: "GunnyRewrittenRegular", Arial, Helvetica, sans-serif; font-size: 14px; } > span > span.subtitle,
    .menu-dropdown li.level3 { font-family: "GunnyRewrittenRegular", Arial, Helvetica, sans-serif; font-size: 14px; }

    .menu-dropdown .level1 > span > span.subtitle { font-size: 12px; }
    -------------------------------------------------------------------
    Видим, что шрифт применился:
    [​IMG]
    но у подменю БЛОГИ шрифт стал УЛТРА-мелким! И увеличивая размер в font-size, шрифт не увеличивается!
    [​IMG]
    Вот я и не могу понять как тут между SPAN-ами правильно разместить описание шрифта для всего меню целиком
    Прошу прощения за подобие стенгазеты, попытался более подробно представить проблему.
    Спасибо!
    Последнее редактирование: 15 сен 2015
    #1
  2. Modi34

    Modi34 Свой человек

    Регистрация:
    31 окт 2014
    Сообщения:
    2.033
    Симпатии:
    720
    подробное описание это конечно хорошо, но нужно меру знать - я специально указал нужные данные в презаполнении нового топика чтобы вы заполнили только то что нужно... а вы вместо этого зачем-то пишите свои догадки и предрасудки - достаточно пройти любой 2-х часовой курс css чтобы подобные вопросы отпали... так же нужно заполнять все что написано тк я тогда зная название вашего шаблона смогу посмотреть где меняется css... - смогу прислать сразу где что прописать...

    в конце font-family нужно указать !important

    font-family: "GunnyRewrittenRegular", Arial, Helvetica, sans-serif !important;

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