Design Notes
Content template for articles
Content Layout – No video
Content Layout – Video
Cron jobs are disabled
All Cron Jobs are disabled
Custom Hex and Rads are from Robs app
These are setup in the Elementor Global Colours
Border Rads are Setup on the Left hand side Boxes
Layout Notes
Elementor Page Layout
Full width for background imagesSection Margin
60px top and bottom 100px Left and rightElementor Page Layout
Full width for background imagesSection Margin
60px top and bottom 100px Left and rightTypography
Elementor page layout
Full width for background imagesSection Margin
60px top and bottom margin on sections 100px Left and rightInner Section Margin
30px Top and Bottom PaddingTypography Sizes
Scalable Font sizes using REM
https://livingwithpixels.com/resources/font-sizes/
Title 1
clamp(3rem, 1.7309rem + 1.813vw, 4rem)
Title 2
clamp(2.6rem, 1.7309rem + 1.813vw, 3rem)
Title 3
clamp(2.2rem, 1.5482rem + 1.3598vw, 2.5rem)
Title 4
clamp(1.8rem, 1.3654rem + 0.9065vw, 2rem)
Title 5
clamp(1.6rem, 1.2741rem + 0.6799vw, 1.75rem)
Title 6
clamp(1.4rem, 1.1827rem + 0.4533vw, 1.5rem)
Title 7
clamp(1.2rem, 1.0914rem + 0.2266vw, 1.25rem)
Subheading
1,2
Body
1
Body bold
1
Body big
1,125
Body small
0,875
System Fonts
Custom Fonts Sizes
Buttons
Page Settings
Layout Settings
H1 text Header
H2 text Header
H3 text Header
H4 Text Header
H5 Text Header
H6 Text Header
Title 1
Title 2
Title 3
Title 4
Title 5
Title 6
Title 7
Custom Fonts
Black H2 Header Poppins 28px normal
Form Text Poppins 16px light
Global Colours
Custom Colours
Pink : #FE2F6E
Orange : #FF6C2F
Grey : #43616E
Blur Header
Video : https://youtube.com/watch?v=lW8MVPn7y54&si=EnSIkaIECMiOmarE
Css Code : https://livingwithpixels.com/resources/blur-sticky-header-tutorial/
Paragraphs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque odio risus, laoreet ac felis a, ornare lobortis nisl. Duis egestas tortor eu justo commodo rutrum. Nam convallis tortor sed orci iaculis cursus. Morbi at eros in nulla maximus tincidunt. Phasellus nunc ligula, sagittis in turpis quis, tempus volutpat quam. In semper eros mauris, at imperdiet tortor porta sit amet. Nunc gravida bibendum nunc, nec interdum odio cursus nec. Duis eget commodo quam, eget semper nibh. Nulla ut convallis elit. Quisque dictum dolor et elit venenatis vestibulum. Ut quam quam, egestas eget lobortis eu, scelerisque tempor elit.
Ut tempus volutpat convallis. Suspendisse egestas ipsum id mi malesuada pharetra. Praesent quis tincidunt urna. Nunc enim ipsum, vulputate vel ex a, lacinia lobortis risus. Maecenas tempor viverra turpis, ut mattis ex sodales eu. Integer nec imperdiet est. Donec hendrerit tincidunt nunc, nec hendrerit augue commodo at. Nulla facilisi. Donec posuere lectus ut augue tristique aliquam. Vestibulum eget tempus elit.
Buttons
Normal
Hover
Form Fields
Blur Header
Video : https://youtube.com/watch?v=lW8MVPn7y54&si=EnSIkaIECMiOmarE
Css Code : https://livingwithpixels.com/resources/blur-sticky-header-tutorial/
Paragraphs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque odio risus, laoreet ac felis a, ornare lobortis nisl. Duis egestas tortor eu justo commodo rutrum. Nam convallis tortor sed orci iaculis cursus. Morbi at eros in nulla maximus tincidunt. Phasellus nunc ligula, sagittis in turpis quis, tempus volutpat quam. In semper eros mauris, at imperdiet tortor porta sit amet. Nunc gravida bibendum nunc, nec interdum odio cursus nec. Duis eget commodo quam, eget semper nibh. Nulla ut convallis elit. Quisque dictum dolor et elit venenatis vestibulum. Ut quam quam, egestas eget lobortis eu, scelerisque tempor elit.
Ut tempus volutpat convallis. Suspendisse egestas ipsum id mi malesuada pharetra. Praesent quis tincidunt urna. Nunc enim ipsum, vulputate vel ex a, lacinia lobortis risus. Maecenas tempor viverra turpis, ut mattis ex sodales eu. Integer nec imperdiet est. Donec hendrerit tincidunt nunc, nec hendrerit augue commodo at. Nulla facilisi. Donec posuere lectus ut augue tristique aliquam. Vestibulum eget tempus elit.