Поддержка Темы и шаблоны Как задать отдельный шрифт для логотипа

  • Здравствуйте, столкнулся с проблемой, что не могу задать отдельный шрифт для логотипа (заголовка) сайта. Использую тему Neve, она глубокая в настройках, но по шрифтам можно выбрать только основной шрифт и для заголовков. Проблема в том, что к основному заголовку всего сайта применяется шрифт всего сайта, а шрифт у меня конечно с засечками, для большого текста — Georgia, логотип же конечно с ним не смотрится. В их документации не нашёл ответа на данный вопрос, их поддержка пока не отвечает, может кто-то сталкивался с такой проблемой.

    Находил варианты прописать такие тексты в дополнительных стилях

    .header .header-inner .logo h1 {
    font-family: «Monotype Corsiva»;
    }

    И ничего не происходит после ввода.

    • Тема изменена 4 недели, 1 день назад пользователем trialgtx.
Просмотр 7 ответов — с 1 по 7 (всего 7)
  • 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. Введя этот код, я отключил разметку под размер экрана и теперь размер текста железный для всех и на мобайле он огромный.

    Подскажите как это изменить?

    • Ответ изменён 4 недели, 1 день назад пользователем trialgtx.

    Удалось найти более правильный код:

    .site-logo {
    	font-family: verdana, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;}

    С ним шрифты читаются без !important, а размер шрифта настраивается через настройки темы, хотя конечно было бы полезно узнать как настроить изменение шрифта в мобильной версии через команды.

    как настроить изменение шрифта в мобильной версии через команды

    использовать @media-запросы в стилях

    использовать @media-запросы в стилях

    Я не профессиональный разработчик и не понимаю что это значит, как нибудь по человечески бы

    Модератор Yui

    (@fierevere)

    ゆい

    http://htmlbook.ru/css/value/media

    Понял о чем вы, не мне кажется это не то, попробовал команду

    @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, чтобы меня поисковики не банили.

    и как убрать дублированный H1, чтобы меня поисковики не банили.

    бабушкины сказки до сих пор живы -))

Просмотр 7 ответов — с 1 по 7 (всего 7)