trialgtx
Ответы в темах
-
Форум: Темы и шаблоны
Тема: Как задать отдельный шрифт для логотипаПонял о чем вы, не мне кажется это не то, попробовал команду
@media mobile { .site-logo { font-family: verdana, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif !important;} }она вообще ничего не запустила.
Мне кажется там другой метод, если посмотреть код моего сайта, то там можно встретить двойные заголовки, я пытался разобраться с этим, но ни к чему не пришёл, а поддержка ничего не ответила. Плагин сео просто видел на главной 2 Н1 заголовка, и я начал искать это в коде. Нашёл откуда это идёт:
</head> <body data-rsssl=1 class="home blog wp-custom-logo nv-sidebar-full-width menu_sidebar_slide_right" id="neve_body" > <div class="wrapper"> <header class="header" role="banner"> <a class="neve-skip-link show-on-focus" href="#content" tabindex="0"> Перейти к содержимому </a> <div id="header-grid" class="hfg_header site-header"> <div class="header--row header-top hide-on-mobile hide-on-tablet layout-full-contained header--row" data-row-id="top" data-show-on="desktop"> <div class="header--row-inner header-top-inner"> <div class="container"> <div class="row row--wrapper" data-section="hfg_header_layout_top" > <div class="builder-item hfg-item-first col-10 col-md-10 col-sm-10 mobile-left tablet-left desktop-left"><div class="item--inner builder-item--logo" data-section="title_tagline" data-item-id="logo"> <div class="site-logo"> <a class="brand" href="https://korfsky.ru/" title="Корфский.ру" aria-label="Корфский.ру"><div class="title-with-logo"><img alt="Логотип Корфский.ру" data-src="https://korfsky.ru/wp-content/uploads/2020/10/9B4BDE69-6C9A-49DE-AFD4-3546E3F1F1D4-e1603785492238.jpeg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="><noscript><img alt="Логотип Корфский.ру" data-src="https://korfsky.ru/wp-content/uploads/2020/10/9B4BDE69-6C9A-49DE-AFD4-3546E3F1F1D4-e1603785492238.jpeg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="><noscript><img src="https://korfsky.ru/wp-content/uploads/2020/10/9B4BDE69-6C9A-49DE-AFD4-3546E3F1F1D4-e1603785492238.jpeg" alt="Логотип Корфский.ру"></noscript></noscript><div class="nv-title-tagline-wrap"><h1 class="site-title">Корфский.ру</h1><small>Не забудем. Не простим. ♡</small></div></div></a></div>И чуть ниже
<div class="header--row header-top hide-on-desktop layout-full-contained is_sticky header--row" data-row-id="top" data-show-on="mobile"> <div class="header--row-inner header-top-inner"> <div class="container"> <div class="row row--wrapper" data-section="hfg_header_layout_top" > <div class="builder-item hfg-item-first col-9 col-md-9 col-sm-9 mobile-left tablet-left desktop-left"><div class="item--inner builder-item--logo" data-section="title_tagline" data-item-id="logo"> <div class="site-logo"> <a class="brand" href="https://korfsky.ru/" title="Корфский.ру" aria-label="Корфский.ру"><div class="title-with-logo"><img alt="Логотип Корфский.ру" data-src="https://korfsky.ru/wp-content/uploads/2020/10/9B4BDE69-6C9A-49DE-AFD4-3546E3F1F1D4-e1603785492238.jpeg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="><noscript><img alt="Логотип Корфский.ру" data-src="https://korfsky.ru/wp-content/uploads/2020/10/9B4BDE69-6C9A-49DE-AFD4-3546E3F1F1D4-e1603785492238.jpeg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="><noscript><img src="https://korfsky.ru/wp-content/uploads/2020/10/9B4BDE69-6C9A-49DE-AFD4-3546E3F1F1D4-e1603785492238.jpeg" alt="Логотип Корфский.ру"></noscript></noscript><div class="nv-title-tagline-wrap"><h1 class="site-title">Корфский.ру</h1><small>Не забудем. Не простим. ♡</small></div></div></a></div> </div>Я к сожалению не так силён в познаниях кода в том что делать в такой ситуации, как задать команду на отображение заданного шрифта в мобайле и как убрать дублированный H1, чтобы меня поисковики не банили.
Форум: Темы и шаблоны
Тема: Как задать отдельный шрифт для логотипаиспользовать @media-запросы в стилях
Я не профессиональный разработчик и не понимаю что это значит, как нибудь по человечески бы
Форум: Темы и шаблоны
Тема: Как задать отдельный шрифт для логотипаУдалось найти более правильный код:
.site-logo { font-family: verdana, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;}С ним шрифты читаются без
!important, а размер шрифта настраивается через настройки темы, хотя конечно было бы полезно узнать как настроить изменение шрифта в мобильной версии через команды.Форум: Темы и шаблоны
Тема: Как задать отдельный шрифт для логотипаUpd. Нашёл причину бездействия команд, нужно было добавить
!important, в итоге, команда.site-title { font-size: 25px !important; font-family: sans-serif !important; } .nv-title-tagline-wrap small {font-size: 16px !important; font-family: sans-serif !important;действительно поменяла шрифт заголовка и подписи, но появились 2 новые проблемы, даже серьёзнее:
Я не могу задать почти никакой шрифт, ни тахому, ни веранду, ни эриал. Из гротеска только санс сериф сработал, видимо есть только он, сериф, моноспейс и курсив. Неужели я не могу использовать не один из родных шрифтов? А если нужно загрузить, объясните как?
Моя тема гибкая и подстраивается под размер экрана, то есть там разная разметка под mobile, desktop, tablet. Введя этот код, я отключил разметку под размер экрана и теперь размер текста железный для всех и на мобайле он огромный.
Подскажите как это изменить?
- Ответ изменён 3 года, 10 месяцев назад пользователем trialgtx.