TYPOGRAPHY

HEADING

FONT FAMILY

Inherited from CSS

QODE OPTIONS | General | Custom CSS

DESKTOP SETTINGS

Inherited from QODE HEADINGS

QODE OPTIONS | Fonts | Headings

MOBILE SETTINGS

Responsive modes

VARIATIONS

WEBSITE WIDGETS SETTINGS

Controlled from QODE or Elementor

Body Text

Main body lowercase/sentencecase
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

ĂăÎîȘșȚțÂâ 0123456789.,:”/\’;()?!@#$%&

 

Size < 50% of headline

 

URW DIN REGULAR

body {font-family: “urw-din”, sans-serif;}

 

URW DIN Regular Italic lowercase/sentencecase

font-weight: 400;

font-style: normal;

font-size: 14px;

line-height: 21px;

color: #4e6063;

 

Line height = font size x 1.5

If font size = 14 px, line height = 14 x 1.5 = 21 px

Same as desktop

NORMAL PARAGRAPH

Directors Bio

Team Bio

About Text

Blog Single

NEWS PARAGRAPH

Elementor News Page

Project Pages | News Premium Blog Carousel

Blog Masonry Excerpt

H1 | LARGE HEADLINE

ABCDEFGHIJKLMNO

PQRSTUVWXYZ
ĂÎȘȚÂ 0123456789

.,:”/\’;()?!@#$%&

URW DIN CONDENSED DEMI UPPERCASE

h1 {font-family: “urw-din-condensed”, sans-serif;}

font-weight: 600;

font-style: normal;

text-transform: uppercase;

font-size: 50px;

line-height: 50px;

color: #4e6063;

Line height = font size

font-size: 40px;

line-height: 40px;

IN PAGE HEADLINES

PROJECT TITLE

TEAM MEMBERS

COMPANY PROFILE

+ custom color variations

PAGE TITLES + custom size 24

H2 | NORMAL HEADLINE

ABCDEFGHIJKLMNO

PQRSTUVWXYZ
ĂÎȘȚÂ 0123456789

.,:”/\’;()?!@#$%&

URW DIN CONDENSED DEMI UPPERCASE

h2 {font-family: “urw-din-condensed”, sans-serif;}

font-weight: 600;

font-style: normal;

text-transform: uppercase;

font-size: 30px;

line-height: 30px;

color: #4e6063;

Line height = font size

Same as desktop

NEWS TITLES

Elementor News Page

Project Pages | News Premium Blog Carousel

Blog Single

PORTFOLIO TITLES

Portfolio Page

DIRECTORS PAGE

Names

CONTACT PAGE

Text Editor

BLOG MASONRY

changed form h5 to h2 in

bridge-child/templates/blog_masonry-loop.php

H3 | CATEGORY LIST AS IN FOOTER

SIMILAR TO H6 (smaller size, regular)

H3 | FOOTER LINKS (color: #444E51;)

URW DIN REGULAR UPPERCASE

h3 {font-family: “urw-din”, sans-serif;}

font-weight: 400;

letter-spacing: 2px;

font-style: normal;

text-transform: uppercase;

font-size: 11px;

line-height: 16.5px;

color: #4e6063;

Same as desktop

CATEGORY LIST | SETUP IN HTML

CATEGORY LIST IN PORTFOLIO PAGE

FOOTER LINKS | SETUP IN HTML

FOOTER WIDGETS

H3 | Category Labels in Masonry Category & Archive

H3 | Category Labels in Blog Single

H3 | Category Small Labels on News Masonry

H3 | CATEGORY FILTER | NEWS PREMIUM BLOG

H3 | SIDEBAR LINKS

URW DIN REGULAR UPPERCASE

h3 {font-family: “urw-din”, sans-serif;}

font-weight: 400;

letter-spacing: 2px;

font-style: normal;

text-transform: uppercase;

font-size: 11px;

line-height: 16.5px;

color: #aaafb2; LIGHT GRAY

Same as desktop

CATEGORIES BLOG MASONRY | SETUP IN QODE

QODE OPTIONS | Blog | Masonry Style |Post Info Style

CATEGORIES BLOG SINGLE | SETUP IN QODE

QODE OPTIONS | Blog | Blog Large Image Style |Post Info Style

CATEGORY SMALL LABELS | SETUP IN ELEMENTOR

News Page | Premium Blog

CATEGORY FILTER | SETUP IN ELEMENTOR

News Page | Premium Blog

SIDEBAR | SETUP IN QODE

QODE OPTIONS | Sidebar

H4 | Tags Reference

Names under news articles

in masonery & blog single

 

URW DIN LIGHT ITALIC

h4 {font-family: “urw-din”, sans-serif;}

font-weight: 300;

font-style: italic;

font-size: 12px;

line-height: 18px;

color: #aaafb2; LIGHT GRAY

hover color: #4e6063; MEDIUM GRAY

background color: #dfe3e4; CONTENT BG

Same as desktop

SETUP IN QODE

QODE OPTIONS | Elements | Tags

(visible in Blog Single)

SETUP IN ELEMENTOR

News Page | Premium Blog

H5 | FROM NORMAL HEADLINE
ORIGINAL SIZE SET 15px
CUSTOM SIZE PER WIDGET
TAGS Title in Blog Single
Sidebar titles 24px
Footer titles 18px
News quote paragraph text in blog articles size 20px; line height 30px, setup from QODE

URW DIN CONDENSED DEMI UPPERCASE

h5 {font-family: “urw-din-condensed”, sans-serif;}

font-weight: 600;

font-style: normal;

text-transform: uppercase; CUSTOM

font-size: CUSTOM; original 15px

line-height: CUSTOM; original 15px

color: #4e6063;

Same as desktop

See visual references

H6 | SPECIAL SETUP FOR MENUS

 

|    MAIN MENU    |
|    STICKY MENU    |
|   MOBILE MENU    |

URW DIN MEDIUM UPPERCASE

h6 {font-family: “urw-din”, sans-serif;}

font-weight: 500;

font-style: normal;

text-transform: uppercase;

letter-spacing: 3px;

font-size: 12px;

line-height: 18px; CUSTOM;

color: CUSTOM;

|    MOBILE MENU    |

font-size: 12px;

line-height: 15px;

SETUP IN QODE

QODE OPTIONS | Fonts | Header & Menu

1st Level Menu

2nd Level Menu (not used)

Sticky Menu

Mobile Menu

H6 | CATEGORY MAIN LABELS
 
 

URW DIN MEDIUM UPPERCASE

h6 {font-family: “urw-din”, sans-serif;}

menu settings

+

line-height: 18px;

Same as desktop

SETUP IN ELEMENTOR TEMPLATE

Portfolio Page

Project Pages

H6 | PORTFOLIO FILTER
 

URW DIN MEDIUM UPPERCASE

h6 {font-family: “urw-din”, sans-serif;}

menu settings

Same as desktop

PORTFOLIO FILTER | SETUP IN QODE

QODE OPTIONS | Fonts | Portfolio

H6 | QODE BUTTON V2
LARGE TAB BUTTONS
 
 
 

URW DIN MEDIUM UPPERCASE

h6 {font-family: “urw-din”, sans-serif;}

all FONT settings controlled from: QODE BUTTON V2

ALL BUTTON TEMPLATES SAVED IN ELEMENTOR

MENU TAB BUTTON | Company Portfolio

MENU TAB BUTTON | Production Services

MENU TAB BUTTON | End of Project Page

POST | Tab Button White

Mobile settings saved in ELEMENTOR TEMPLATES

Column adjustments

SETUP IN QODE BUTTON V2

Portfolio Page

About Page

Project Pages | End of project

News Articles – Buttons