увеличить шрифт для моб версии сайта

12
[Удален]
#11
oux:
Добавил куда? На сайте http://djeysonborn2016.ru/ не вижу изменений в коде.

У меня видно. Попробовал еще раз удалить и вставить код. Сейчас смотрю через элемент кода - ваш код присутствует в самом низу

oux
На сайте с 07.02.2010
Offline
83
oux
#12

Код работает, у боди стоит 18 размер по умолчанию.

В тот же код после body добавьте:

#content p, #content ul, #content ol, .widget-container, .widget-container a, table, table td, .ppbox, .navigation, #content dl, #content {font-size: 25px;}

Возможно придется добавить important ( {font-size: 25px !important;} ) ибо эти стили вшиты в шаблон, могут "перекрывать" те что в файле css.

[Удален]
#13
oux:
Код работает, у боди стоит 18 размер по умолчанию.
В тот же код после body добавьте:
#content p, #content ul, #content ol, .widget-container, .widget-container a, table, table td, .ppbox, .navigation, #content dl, #content {font-size: 25px;}
Возможно придется добавить important ( {font-size: 25px !important;} ) ибо эти стили вшиты в шаблон, могут "перекрывать" те что в файле css.

У куда и что из этого надо писать, как его сложить к куче? Ведь я не на столько грамотный, знал бы не спрашивал на форуме)

Мне надо так, вот Код, вот Сюда вставь )

Из того, что вы написали вот что я слепил:

@media only screen and (min-width: 300px) and (max-width: 480px) {

body #content p, #content ul, #content ol, .widget-container, .widget-container a, table, table td, .ppbox, .navigation, #content dl, #content {font-size: 25px !important;}

}

и второй вариант

@media only screen and (min-width: 300px) and (max-width: 480px) {

body #content p, #content ul, #content ol, .widget-container, .widget-container a, table, table td, .ppbox, .navigation, #content dl, #content {font-size: 25px;}

}

Оба не работают!


ибо эти стили вшиты в шаблон, могут "перекрывать" те что в файле css.

Да вшиты, шрифт меняется в настройках шаблона, вот кусок кода:

//SELECT - Name: nirvana_settings[fontfamily]

function cryout_setting_fontfamily_fn() {
global $nirvanas;
global $fonts;
$sizes = array ("12px", "13px" , "14px" , "15px" , "16px", "17px", "18px", "19px", "20px");
cryout_proto_font(
$fonts,
$sizes,
$nirvanas['nirvana_fontsize'],
$nirvanas['nirvana_fontfamily'],
$nirvanas['nirvana_googlefont'],
'nirvana_fontsize',
'nirvana_fontfamily',
'nirvana_googlefont'
);
echo "<div><small>".__("Select the general font family and size or insert the Google Font name you'll use in your blog. This will affect all text except the text controlled
by the options below.<br><br> <strong>Additional Info:</strong><br>The fonts under the <em>General Theme Fonts</em> category are suggested for this
because they have all the font weights used througout the theme.<br> When using Google Fonts for General Font make sure they also have multiple font weights and
that you specify them all eg.: <em>Roboto:400,300,500,700</em>","nirvana")."</small></div><br>";
}


---------- Добавлено 06.07.2016 в 21:45 ----------

Что не так?
oux
На сайте с 07.02.2010
Offline
83
oux
#14

Конечно не работают) запятую пропустили.

@media only screen and (min-width: 300px) and (max-width: 480px) {
body, #content p, #content ul, #content ol, .widget-container, .widget-container a, table, table td, .ppbox, .navigation, #content dl, #content {font-size: 25px !important;}
}
[Удален]
#15

Дабавил этот последний ваш код уже с комой - developers.google так же само в результатах пишет, что шрифт мелкий - ничего не поменялось...

сайт: http://djeysonborn2016.ru/

oux
На сайте с 07.02.2010
Offline
83
oux
#16

Все поменялось, код срабатывает, шрифт увеличивается, если вы смотрите через какой-то сервис, в первую очередь вам нужно сделать адаптивный шаблон, сейчас у вас статика по ширине.

[Удален]
#17

хмм, developers.google.com определяет - как слишком мелкий шрифт для чтения, хотя на сайте конкурента та же ситуация, сайт не адаптивный, шрифт с виду не больше, но проверяя его - гугл показывает, что размер шрифтов нормальный для мобильного.

А можно как то еще увеличить шрифт? В этом поле font-size: 25px ? Ставлю даже 40 - тоже самое...

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий