Note: in Kadence and Kadence Child Themes, typography is set
(especially with rule– html {font-size: 62.5%} is used in editor-styles.css which is not the default)

  • Front end
    • first in customizer under Color & Fonts/Typography
    • second in style.css
  • Editor
    • folders: Assets/CSS/Editor/editor-styles.min.css

Bolded Paragraph text.

Bold Bold-Italics Italics. Paragraph text. This is an example of a WordPress post, you could edit this to put information about your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.

Want to see what a blockquote looks like?

This is an example of a WordPress post, you could edit this to put information about your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.

Perhaps you’d like to see what an unordered list looks like?

  • Unordered list item #1
  • Unordered list item #2
  • Unordered list item #3

Or you’d prefer to see what an ordered list looks like?

  1. Ordered list item #1
  2. Ordered list item #2
  3. Ordered list item #3

How about the styling for threaded comments?

Add comments (and comments on comments, etc.) to this page or link to a page with the same.

Lastly, care to see what the headings look like?

Paragraph Text
Open Sans
Regular
Desktop: 2 em
Tablet: 2 em
Mobile: 1.75 em
HEX: #2D3748

Headline 1

Marcellus
Regular
Desktop: 3 em
Tablet: 3 em
Mobile: 2.75 em
HEX: #000000

Headline 2

Marcellus
Regular
Desktop: 2.5 em
Tablet: 2.5 em
Mobile: 2.25 em
HEX: #000000

Headline 3

Marcellus
Regular
Desktop: 2.25 em
Tablet: 2.25 em
Mobile: 2 em
HEX: #000000

Headline 4

Marcellus
Regular
Desktop: 2 em
Tablet: 2 em
Mobile: 1.75 em
HEX: #000000

Headline 5

Marcellus
Regular
Desktop: 1.75 em
Tablet: 1.75 em
Mobile: 1.5 em
HEX: #000000

Headline 6

Marcellus
Regular
Desktop: 1.5 em
Tablet: 1.5 em
Mobile: 1.25 em
HEX: #000000

Buttons

Contact Me

Button Size: Large
Background color: #496b80
Hover color: #1f3256
Border radius: 1px
Font color: #ffffff
Font hover color: #ffffff
Font size: 1.25 em
Font: Roboto
Font weight: Regular
Font style: All Caps
Shadow: 0 0 6 2; #000000 0.2