Typography/Fonts

Customize all fonts for the whole site at once using the options for typography

The Typography/Fonts section contains the typography settings for each of the textual element used on the site.

Fonts styling settings can be used outside the Typography options, e.g. in Default Button options, etc. They provide you with full control over the font styles.

Headings typography
It allows you to adjust typography settings for the headings used on the site.

heading-typogarrphy

  • Font Family – select the font family from the drop-down list. Here you may find the Custom fonts that can be added in Theme options Custom fonts section.
  • Font Weight & Style – select the font weight and style (bold, italic) from the list.
  • Font Subsets – select whether you need to use special characters on the site. The subsets depend on the font you select – there can be Latin Extended, Cyrillic, Greek, etc..
  • Text Transform – set the font decoration and transformation, if needed (e.g.: uppercase, capitalize, etc.).
  • Font size – set the font size you need to use in the certain text element.
  • Line Height – set the line height for text elements to create needed effect. This will be the height of the single text string.
  • Letter spacing – set the needed distance between letters.
  • Font Color – set the color of the font.

The typography settings are identical for each typography item, so below you will find the detailed description for each typography item and where it is used throughout the site.

  • H1 Typography – H6 Typography – style the H1-H6 titles on the site. You may use H1-H6 H5tag in Visual Composer modules.
  • Content title big Typography – set the typography settings and color for the big title. The big title is used in the majority of modules as a title by default.
    • Check the list of the modules with the Content title big used below:
      • New Share module
      • Piechart
      • Team Member
      • Info Background
      • Testimonials
      • Tilted Info
      • Heading
      • Pricing Table
      • Info Banner
      • Product category
      • Animated heading
      • Services
      • Call to Action
      • Milestone
      • Client Logo
      • Twitter
      • Facts
      • Gradation
      • Info Box
  • Content title small Typography – the typography settings and color for the small title. The Small title is used in modules as content elements by default. This element will also change the typography of sort panel titles.
    • Check the list of the modules with the Content title small used below:
      • Heading
      • Delimiter
      • Icon List
      • Pricing Table
  • Content subtitle Typography – select the typography settings and color for the content subtitle. The Content subtitle is used in modules as subtitle elements by default.
  • Form heading Typography – adjust the typography settings and color for the form heading. This heading is related to the comments notification (or to the “Leave a Reply” section if the item was not commented) under the post, portfolio or gallery items.
Header typography
Here you can adjust typography settings for the header elements.
  • Top info Typography – set the typography settings and color of the text for the header top containing contact information.
  • Header links Typography – here you can set the typography settings and color for the login link and Additional header navigation.
Menu typography
In this section, you can specify the typography settings for the menu items and drop-down menus inside.
  • Menu top level item for header 8 and 9 Typography – set the typography settings and text color for the menu top level items. These settings will be applied for the header styles 8 and 9.
  • Menu top level item Typography – specify the typography settings and color for the menu top level items. These settings will be applied for all the header styles excluding styles 7, 8 and 9.
  • Menu second level item Typography – adjust the typography settings and color for the menu second level items. These settings will be applied for all the header styles excluding styles 8 and 9. The mega menu should be enabled. Find more details about menu creation in Menu Creation post.
  • Menu subitems Typography – typography settings and color for the menu subitems. These settings will be applied for all the header styles excluding styles 8 and 9. These setting will be applied to all the menu items in header style 7.
  • Menu second level subtitles Typography – adjust the typography settings and color for the menu subtitles. These settings will be applied for all the header styles excluding styles 8 and 9.
Mobile menu typography
Adjust the typography for mobile header section of your site.
  • Mobile menu top level items Typography – select the typography settings and color for the mobile menu top items.
  • Mobile menu subitems Typography – here you can add the typography settings and color for the mobile menu top subitems.
  • Mobile menu subitem subtitles Typography – specify the typography settings and color for the mobile menu subitem subtitles.
Custom header typography
Using the options from this section you can customize the typography fo the custom header of your site.
  • Title Typography – adjust the typography settings and color for the custom header title.
  • Subtitle Typography – here you can style the subtitle displayed in the custom header.
  • Breadcrumbs Typography – specify the typography settings and color for the custom header breadcrumbs displayed in the custom header.
Text typography
Customize the typography settings for the textual elements used on the site.
  • Default text Typography – specify the typography settings and color for the text. They will be set for all the text areas as default settings.
  • Featured decoration Typography – adjust the typography settings and color for the featured decoration, the feature decoration you can find in Text editor on a single post, single portfolio and in Text module.
  • Blockquote Typography – here you can style the typography settings and color for the blockquote. These settings will be applied for all the blockquotes as default.
  • Link Typography – set the typography and color for all the links by default.
  • Meta Typography – here typography settings and color for the meta are set as default values for all your site.
  • Pagination Typography – using the options from this section you can set the typography for the pagination.
Blog typography
Adjust the typography settings for the blog on your site.
  • Blog title Typography – set the typography settings and color for the blog title. These settings will be applied for all the blog titles by default. If you need to change the typography for the single post, you can set the custom settings in Blog post module.
  • Blog content featured quote Typography – set the typography settings and color for the featured quote added via text editor on the single post.
  • Blog quote post Typography – adjust the typography settings and color for the quote (Blog format – Quote) on blog pages, the quotation for the blog inner pages inherits the Theme Options Typography/Fonts Text typography Blockquote Typography. The quote you can find in Quote post settings on single blog page
  • Blog quote post author Typography – set the typography settings and color for the quote author (Blog format – Quote), the quote author you can add in Quote post settings on the page with Blog page template selected.
  • Blog link post URL Typography – add the typography settings and color for the link (Blog format – Link), the link you can find in Link post settings on the page with Blog page template selected.
  • Author and content subtitle Typography – here you can set the typography settings and color for the author and content subtitle, the setting will be applied for all the names of the author on the pages with Blog page template selected by default.
  • Category Typography – specify the typography settings and color for the categories, the setting will be applied for all the categories on blog, portfolio, gallery pages and single posts, portfolios and galleries by default.
  • Blog pagination – the typography settings for blog pagination are inherited from Theme options Typography/Fonts Text typography Pagination Typography.
Portfolio typography
Here you can customize portfolio typography section.
  • Portfolio item title Typography – specify the typography settings and color for the portfolio title. They will be applied for all the portfolio titles by default. You can set the custom settings in portfolio module if you need to change the typography for the Portfolio module.
  • Portfolio item subtitle Typography – specify the typography settings and color for the portfolio title. They will be applied for all the portfolio titles by default. You can set the custom settings in portfolio module if you need to change the typography for the Portfolio module.
  • Portfolio single item description title Typography – set the typography settings and color for the portfolio description. They will be applied for all the portfolio descriptions by default. You can set the custom settings in Portfolio module if you need to change the typography for the Portfolio module.
Gallery typography
Specify the gallery typography settings for your site.
  • Gallery item title Typography – specify the typography settings and color for the gallery title. They will be applied for all the gallery titles by default. You can set the custom settings in Gallery module if you need to change the typography for the Gallery module.
  • Gallery item subtitle Typography – set the typography settings and color for the gallery subtitle. The settings will be applied for all the gallery subtitles as default. You can set the custom settings in Gallery module if you need to change the typography for the Gallery module.
Widgets typography
In this section, the typography settings for the widgets on your site can be customized.
  • Widget title Typography – set the typography settings and color for the widget title. They will be applied for all the widget titles as default.
  • Widget post title big size Typography -specify the typography settings and color for the post title in Latest post widget.
  • Widget post title Typography – adjust the typography settings and color for the post title in Recent posts, Recent posts with thumbs and Products widgets.
  • Widget content title Typography – customize the typography settings and color for the content title. It will be applied for Product tags, Counter mail, Tags, Calendar, Words from author (author subtitle) and Tag cloud.
  • Widget comment title Typography – specify the typography settings and color for the comments.
  • Widget list content Typography – set the typography settings and color for the list content. They will be applied for Categories, Archives, PagesMeta, Recent Comments with avatar no excerpt and Custom menu.
div#stuning-header .dfd-stuning-header-bg-container {background-image: url(http://nativewptheme.net/support/wp-content/uploads/2017/01/hands1.jpg);background-size: cover;background-position: center center;background-attachment: initial;background-repeat: no-repeat;}#stuning-header div.page-title-inner {min-height: 550px;}