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
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
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
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
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
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
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
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;
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
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
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
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