Как поменять размер шрифта в теме Mayo?

Главные вкладки

Аватар пользователя Maffo Maffo 2 января 2017 в 22:29

Здравствуйте! Подскажите пожалуйста как поменять размер шрифта в теме Mayo? Конечно это можно в админке сделать, но мне надо отдельно для h2 указать другой шрифт, а также увеличить интервал между абзацами.Точнее просто подскажите в каком файле искать? Я не совсем идиот, и кое-как знаком с css, но тут жесть полнейшая. Первым делом полез в themes/mayo/css/style.css и все остальные файлы там посмотрел где что-либо возможно изменить. Изменяй - не изменяй бесполезно. Даже если удалить этот style.css все работает как ни в чем не бывало. Firebug использовал, в нем меняю значение - все нормально, начинаю менять в style.сss - бесполезно. Изменял файл mayo.theme, тоже бесполезно.

Комментарии

Аватар пользователя Maffo Maffo 3 января 2017 в 2:23

VasyOK, подскажите где он сбрасывается? Но мне кажется не в нем дело, я и браузеры меня и страницы обновлял и переходил по всякому, просто кеш не нашел где, недавно на Друпал.

Аватар пользователя Maffo Maffo 4 января 2017 в 5:00

VasyOK, спасибо, с кешем разобрался, но как я предполагал это не дало результата. Изменял 2 файла:

1. сайт\themes\mayo\css\style.css - тут 3 значения для H2 и оно равно 1.25em. Чтобы не париться я все 3 поменял - безрезультатно. В Firebird все так же 1,25em.
2. сайт\themes\mayo\sass\style\style.scss - тут 2 значения 1,25em, так же поменял и тоже самое - безрезультатно.

Искал при помощи NotePad++ (по всему сайту) больше ни в каких файлах у этого шаблона нету этого 1.25em, откуда оно берется ума не приложу что они тут навертели. А когда в Firebird меняешь это несчастное 1,25em то все нормально, т.е. H2 увеличивается, а все остальное остается прежним. А когда в админке шаблон меняешь (в том числе размер шрифтов), то отслеживал по дате изменения и меняется лишь 2 файла: один какой-то color.css (но там вообще нет значений с размерами, т.е. только цвета) и еще меняется по адресу "сайт\sites\default\files\mayo\mayo_files\mayo.responsive.layout.css" - тут вообще ни одного упоминания ни про 1,25em ни про H2. Больше никакие файлы не меняются, но увеличение шрифтов через админку каким-то образом работает. Только там изменение всех шрифтов сразу, а мне надо конкретно для H2 и еще эти интервалы между абзацами.

p.s. и еще важное замечание. Если в админке меняешь размер шрифта, то он конечно изменяется визуально (в т.ч. для H2), только вот в Firebird он ВСЕГДА равен 1,25em. Чувствую не в 1,25em дело и копать надо в другом месте:((

Аватар пользователя gun_dose gun_dose 4 января 2017 в 7:50

ем - относительная единица. В 1ем может быть разное количество пикселей.

Фаербаг показывает, в какой строке какого файла написано правило.

Темы, в которых шрифт или цвет меняется через админку, лучше не использовать никогда, а модуль color отключать сразу после установки сайта.

Аватар пользователя Mihail.space Mihail.space 4 января 2017 в 7:55

Интересующий вас размер шрифта находится в файле style.css в папке css темы в блоках

/*строки 518-525*/
#content .block h2 {
  /* main content: block title */
  padding: 4px 8px;
  font-size: 1.25em;
}
/*строки 544-553*/
.column-block h2 {
  font-size: 1.25em;
  line-height: 1em;
  padding: 2px 0px;
  margin: 0px 0px 3px 0px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
/*строки 653-657*/
.column-block h2,
.sidebar h2 {
  background: transparent;
  line-height: 1em;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin: 4px 0px 2px 0px;
  padding: 2px 0px;
  font-size: 1.25em;
}

Глобально для h2 указан размер 2em, но делая выборку по индетификаторам (#) и классам (.) через наследование, вы можете изменить свойства любого элемента выборочно, как описано в примере из файла css выше.

Аватар пользователя Maffo Maffo 4 января 2017 в 19:08

Mihail.space, в том-то и дело, что изменяя "font-size" в этих строчках ничего не происходит. Размер шрифта не меняется.

Аватар пользователя Maffo Maffo 4 января 2017 в 19:46

gun_dose wrote:

ем - относительная единица. В 1ем может быть разное количество пикселей.
Фаербаг показывает, в какой строке какого файла написано правило.

Про относительную единицу я догадывался, просто иначе не понятно как изменить размер. Фаербаг показывает какой-то левый файл с длинным названием "сайт\sites/default/files/css/css_vGkze29BqnOUeoBni8dcd_QlbMtZmkNfg4gfWcb2uBE.css?oj8enu" но их там куча целая, и они насколько я понял автоматически создаются. Так что это не то. И еще он лишь показывает код в HTML:

<style media="all">
/* <![CDATA[ */
body {font-size: 93.75%; font-family: Georgia, 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L',
      Baskerville, Meiryo, 'Hiragino Mincho Pro', 'MS PMincho', serif; }
h1,h2,h3,h4,h5 {font-family: Verdana, Geneva, Arial, 'Bitstream Vera Sans', 'DejaVu Sans',
      Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', Osaka, sans-serif; }
.sidebar h2 { font-size: 1.2em; }
#content .node h2 { font-size: 1.4em; }
/* ]]> */
</style>

Насколько я понимаю это 1,2em глобольное значение из шаблона берется. И я его тоже менял, но безрезультатно.

Аватар пользователя Maffo Maffo 4 января 2017 в 19:50

BatKor, я пытаюсь, но непонятно с чего начинать. Тут елементарная задача, которую я в шаблонах других CMS решал за считанные секунды через Фаербаг (даже с моими скудными знаниями css), а тут непонятное что-то.

Аватар пользователя Maffo Maffo 4 января 2017 в 19:56

dgastudio wrote:

агрегацию в настройках производительности вырубите, станет сразу понятнее

Спасибо, действительно так намного понятнее. В моем случае это 552 строчка, но она перечеркнута, т.е. получается не работает. Видимо в этом проблема. Можно ли как-то ее "разблокировать"?

Аватар пользователя Maffo Maffo 4 января 2017 в 20:07

Теперь если в style.css поменять 1.25em то изменения уже отображаются в Фаербаге, осталось разобраться что перекрывает это свойство. Главное только размер перечеркнут, все остальное работает.

Аватар пользователя gun_dose gun_dose 4 января 2017 в 22:08

Перечёркнутые стили переопределяютя другими. Может быть сколько угодно перечёркнутых, но всегда есть один не перечёркнутый. Если найти трудно, см вкладку computed в фаербаге - там показаны все текущие значения и указано, откуда они взялись.

Аватар пользователя Maffo Maffo 4 января 2017 в 22:33

gun_dose и dgastudioю благодарю! Нашел - это шаблоном перекрывалось, если удалить несколько строчек то нормально. Но я решил пока !important установить.

А изменения в style.css раньше не применялись потому что в настройках Производительности стояли 2 галочки. Сам бы я не догадался никогда)) Теперь убрал их все ОК.

Всем спасибо))))