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 */

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;
}
0 Shares
SyncWin Logo
SyncWin is a dedicated place to explore the Content, Discussions, & Useful Details around topics like Business, Technology, and Lifestyle to help you learn and grow in your life.
About Us
Made with ❤ for WinSyncers
Copyright © 2018 - 2024 by SyncWin | All Rights Reserved.
crossmenuarrow-right
0 Shares
Copy link