Toolonomy Logo
Last Updated on: December 9, 2020

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 */
/* 
Title: Style Inner Content Typography
Type: CSS: Custom Code
Location: WP Header
Priority: 10
*/

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;
}

Explore our Facebook Community

Consider joining our Toolonomy Facebook Community if you want to involve in the group discussion with like-minded people about Business Development Tools.
Join Now
Made with ❤ for Digital Entrepreneurs
Copyright © 2018 - 2022 SyncWin | All Rights Reserved.
Top crossmenu