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

Аватар пользователя Maffo

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

Модули и темы:
Тип материала:
Версия Drupal:
0 Спасибо

Комментарии

Аватар пользователя VasyOK
VasyOK 9 месяцев назад

А кеш на сайте сбрасывали после того, как изменяли?

0 Спасибо
Аватар пользователя Maffo
Maffo 9 месяцев назад

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

0 Спасибо
Аватар пользователя Studio VIZA
Studio VIZA 9 месяцев назад
VasyOK написал:
Самая левая кнопка

100% у ТСа этой кнопки, как и раскрывающегося меню - нет.

0 Спасибо
Аватар пользователя VasyOK
VasyOK 9 месяцев назад

Ссылку на модуль я дал. Ведь без модуля никак (шутка).

0 Спасибо
Аватар пользователя Maffo
Maffo 9 месяцев назад

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 дело и копать надо в другом месте:((

0 Спасибо
Аватар пользователя BatKor
BatKor 9 месяцев назад

почитайте CSS, Пожалуйста, хотя бы введение в CSS. и поверьте у вас все получится

0 Спасибо
Аватар пользователя gun_dose
gun_dose 9 месяцев назад

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

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

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

0 Спасибо
Аватар пользователя Mihail.space
Mihail.space 9 месяцев назад

Интересующий вас размер шрифта находится в файле 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 выше.

0 Спасибо
Аватар пользователя Maffo
Maffo 9 месяцев назад

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

0 Спасибо
Аватар пользователя Maffo
Maffo 9 месяцев назад
gun_dose написал:
ем - относительная единица. В 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 глобольное значение из шаблона берется. И я его тоже менял, но безрезультатно.

0 Спасибо
Аватар пользователя dgastudio
dgastudio 9 месяцев назад

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

0 Спасибо
Аватар пользователя Maffo
Maffo 9 месяцев назад

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

0 Спасибо
Аватар пользователя Maffo
Maffo 9 месяцев назад
dgastudio написал:
агрегацию в настройках производительности вырубите, станет сразу понятнее

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

0 Спасибо
Аватар пользователя Maffo
Maffo 9 месяцев назад

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

0 Спасибо
Аватар пользователя gun_dose
gun_dose 9 месяцев назад

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

0 Спасибо
Аватар пользователя dgastudio
dgastudio 9 месяцев назад

на край, !important

0 Спасибо
Аватар пользователя Maffo
Maffo 9 месяцев назад

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

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

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

0 Спасибо
Аватар пользователя gun_dose
gun_dose 9 месяцев назад

После всех правок галочки лучше вернуть.

0 Спасибо
Аватар пользователя Maffo
Maffo 9 месяцев назад

gun_dose, ок, но это нескоро. еще много работы)

0 Спасибо