Last updated on

With thousands of custom typography choices, the Post and Page Builder WordPress plugin gives you the ability to have complete control over font size, weight, decoration, color, and more.

Choosing a Font Family

  • By default, the text will use theme settings from the Customizer
  • If using a BoldGrid Theme, choosing the Theme Fonts will use the Main Text and Headings settings from the Customizer
  • Common Fonts are professionally selected fonts that look great on any website
  • System Fonts are fonts already installed on your computer
  • The Google Font library is included with hundreds of font options

Font Styles

  • Each font has it’s own Font Weights to choose from
  • Use Font Style to make your text italic or normal
  • Text Transform will change your text to Uppercase, Lowercase, and more without retyping the text
  • Text Decoration adds design touches like Overlines and Underlines
  • The current Color is shown, to change it click the Edit button
    • The Color Picker appears with the Theme Colors at the top
  • Set the Size anywhere from 6px to 200px
  • The Line Height and Letter Spacing can also be adjusted
  • Text Effect has 8 designs to choose from to make your text really stand out
  • Or a Text Shadow can be added

Using Spans

You can use different fonts or colors within a single element with the Span control. A single word or group of words can have a unique font and color, like shown below.

  • Highlight the word or words you want to change
  • Click the Span icon (horizontal line) in the DropTab
  • Choose new font options only for the highlighted text

Span Control in Post and Page Builder

BoldGrid Crio Customizer Integration

When using the Post and Page Builder with our Crio theme, a Span will override the Customizer settings. If a new font is selected for a heading, that heading will no longer respond to the Customizer heading control. If a new size is entered, any responsive font values entered in the Customizer will not be used.

Congratulations! You now know how to work with fonts from the BoldGrid Post and Page Builder.




   200+ Design Templates + 1 Kick-ass SuperTheme
   6 WordPress Plugins + 2 Essential Services

Everything you need to build and manage WordPress websites in one Central place.

11 thoughts on “Working with Fonts

  1. In the post and page builder as I am composing a page or a post, if I select a section of text and drag it elsewhere on the page, it gets “highlighted” in the background colour of the website, which is a cream colour. This makes it jarring to look at because for text sections of my website I am manually setting each block to be pure white for optimal legibility.

    Where do I go to turn off this highlighting of the text once it is moved, or is it a glitch? So far I have only been able to get rid of it by deleting and retyping each affected section, which is rather time consuming.

    • Hi Danielle,

      Thanks for reaching out. I’m sorry to hear you’re having issues with your color schemes. Your Post and Page Builder colors coordinate with the global color palettes you set in the WordPress customizer. Check your Customizer font settings Appearance > Fonts and make sure the global Heading Font Color is using the correct font color.

      I hope this helps. Please don’t hesitate to reach back out if you have more questions!

    • Hi Sonal-

      You can control the font styles globally on your site in the Customize > Fonts section. Other than the global styles, you’ll need to adjust the font on each block individually.

    • Hi Matt-
      To find the text shadow option, look for the toggle switch at the very bottom of the fonts controls. Toggle for the Text Shadow option
      Once you turn the toggle switch on, you’ll see the text shadow controls appear.

  2. I got the message:
    “Paste is now in plain text mode. Contents will now be pasted as plain text until you toggle this option off. If you’re looking to paste rich content from Microsoft Word, try turning this option off. The editor will clean up text pasted from Word automatically.”
    I’m trying to find where and how to toggle that. It isn’t obvious.

    • Hello John,
      You’re right that the option to switch between plain-text paste and rich-text paste isn’t super obvious. It’s the icon that looks like a clipboard with the letter “T” on it. Check this screenshot highlighting the option:
      Plain-text paste control

Leave a Reply

Your email address will not be published. Required fields are marked *