Last Updated on: October 1, 2022

Style WordPress Body Typography [CSS Snippet]

If you're using page builders to build websites that don't offer separate styling control to style the Inner Content Typography, then you can use these CSS snippets to style them as per your needs.

/* CSS Snippets to Style WordPress Body Typography */

body h1 {
  font-size: 1.6em;
  font-weight: 800;
  text-transform: none;
  color: #000000;
}

body h2 {
  margin-top: 50px;
  margin-bottom: 25px;
  font-family: Poppins;
  font-size: 1.5em;
  font-weight: 700;
  color: #000000;
  text-transform: none;
  line-height: 30px;
}

body h3 {
  margin-top: 25px;
  margin-bottom: 25px;
  font-family: Poppins;
  font-size: 1.3em;
  font-weight: 600;
  color: #000000;
  text-transform: none;
  line-height: 30px;
}

body h4 {
  margin-top: 25px;
  margin-bottom: 25px;
  font-family: Poppins;
  font-size: 1.2em;
  font-weight: 600;
  color: #000000;
  text-transform: none;
  line-height: 30px;
}

Become a Toolonomy Community Member for Free!

Consider joining our Official Community Group if you want to get access to exclusive insider content and information about Exclusive Digital Tools and Technologies. Also, you will be able to get involved in interesting group discussions with like-minded people that are interested in similar topics as you.

Become a Member