Colors
Buttons
02 Typography
Font Families
Headings
H1 - This is hero text
H2 - This is a large heading
H3 - This is a standard heading
H4 - This is a medium heading
H5 - This is a medium heading
H6 - This is a small heading
Paragraphs / semi bold/ Links
Lorem ipsum odor amet, consectetuer adipiscing elit. Nec mi integer natoque faucibus turpis aptent class nulla. Laoreet sem sed dolor ut nascetur quisque turpis. Massa blandit efficitur aenean platea erat turpis praesent tellus. Habitasse donec habitasse; semper himenaeos lobortis metus. Efficitur nibh tincidunt volutpat mollis ultricies amet feugiat ultrices. Placerat integer euismod fusce egestas posuere.
Lorem ipsum odor amet, consectetuer adipiscing elit. Nec mi integer natoque faucibus turpis aptent class nulla. Laoreet sem sed dolor ut nascetur quisque turpis. Massa blandit efficitur aenean platea erat turpis praesent tellus. Habitasse donec habitasse; semper himenaeos lobortis metus. Efficitur nibh tincidunt volutpat mollis ultricies amet feugiat ultrices. Placerat integer euismod fusce egestas posuere.
Lorem ipsum odor amet, consectetuer adipiscing elit. Nec mi integer natoque faucibus turpis aptent class nulla. Laoreet sem sed dolor ut nascetur quisque turpis. Massa blandit efficitur aenean platea erat turpis praesent tellus. Habitasse donec habitasse; semper himenaeos lobortis metus. Efficitur nibh tincidunt volutpat mollis ultricies amet feugiat ultrices. Placerat integer euismod fusce egestas posuere.
List
This is an example of a bulleted list:
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
This is an example of a numbered list:
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
Blockquotes
“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua”
Contact form 7
- please ensure you have all required fields in the form: - checkbox - dropdown - submit button - name field - email field - phone field - message field
Grid
Grid: basic
Grid: responsive - SM breakpoint.
Grid: responsive - variable breakpoints.
Block heading
This markup is outputted by the inc/helpers/render-content-wysiwig.php template. Spacing and style are same as render-title-textarea.php
If you've added styles correectly below is readable and nice text
This block is supposed to have:
- the label styling
- the content styling
- h1, h2, h3, h4, h5, h6 styling
- blockquote styling
- all other things from the wysiwyg editor
- Spacings for sure
- and all similar part on all over the website should use one of these 2 functions to match the global styles
lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.