Toolonomy Logo
Last Updated on: October 1, 2022

Style WordPress Body Typography [CSS Snippet]

0 Shares

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

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
Toolonomy Logo
Made with ❤ by & for Digital Tool Enthusiasts
Copyright © 2018 - 2024 by SyncWin | All Rights Reserved.

🍪 Cookie Settings
Top crossmenu
0 Shares
Copy link