Material Child Theme

This is a material inspired child theme created for Divi.

General Settings

Layout Settings

• Theme Accent Color: #02A8F3

Typography

• Body Text Size: 14px
• Line Height: 1.250em
• Header Font: Roboto
• Body Font: Roboto
• Body Text Color: #717171
• Header Text Color: #202020

Background

• Background Color: #F2F2F2

Header & Navigation

Primary Menu Bar

• Make Full Width
• Menu Height: 48px
• Logo Max Height: 48px
• Text Size: 14px
• Text Color: #FFFFFF
• Active Link Color: #FFFFFF
• Background Color: #2095F2
• Dropdown Menu Background Color: #FFFFFF
• Dropdown Menu Line Color: rgba(255,255,255,0)
• Dropdown Menu Text Color: #717171

Secondary Menu Bar

• Make Full Width
• Text Size: 14px
• Background Color: #1875D1

Fixed Navigation Settings

• Fixed Menu Height: 48px

Header Elements

• Show Social Icons
• Show Search Icon

Buttons

Buttons Style

• Text Size: 14px
• Text Color: rgba(255,255,255,0.99) // Fixes Text Color Glitch
• Background Color: #02A8F3
• Border Width: 0
• Border Radius: 3
• Add Button Icon: No

Buttons Hover Style

• Background Color: #02A8F3

Footer

Layout

• Footer Background Color: #2095F2

Widgets

• Widget Header Color: #FFFFFF
• Widget Bullet Color: #FFFFFF

Footer Menu

• Footer Menu Background Color: #2095F2
• Footer Menu Text Color: #FFFFFF

Bottom Bar

• Background Color: #1875D1
• Text Color: #FFFFFF
• Social Icon Size: 14px
• Social Icon Color: #FFFFFF