Marie – How to edit texts

Google Body font: Noto Sans

Google Headings font: Newsreader Display

 

How to edit text:

  1. Click on Enable Visual Builder in the top bar.
  2. Making changes to text with the Divi Visual Builder is as simple as clicking and typing.

 

 

How to Globally Change the Website Font in Divi:

Fonts used in Marie Theme are Newsreader Display in headers, Noto Sans in body

Navigate to Divi > Theme Customizer > General Settings > Typography > Select your Header/body font.

 

Navigate to Divi > Theme Customizer > Marie Settings > Marie Fonts > Global Font Weight Settings.

How To Add Text Highlights

 

  1. Go to text content and select text tab.
  2. Paste this snippet and edit the text (YOUR HIGHLIGHT TEXT GOES HERE…):

 

<span class="underline-magical">YOUR HIGHLIGHT TEXT GOES HERE...</span>

If you don´t want highlight text, simply delete <span class=”underline-magical”>.

How to Change Font in Divi Modules:

Each module have a design option where how you want it by choosing the text color, orientation, font, font size, font spacing, and line height.

How to add a Custom Font to your Divi website and use it globally:

  1. Open the Divi Visual Builder and go to any design module that shows a font.
  2. Click “upload” and select your font (supported file formats are: .OTF, .TTF, .EOT, .WOFF, WOFF2).

 

Once the fonts are loaded you can use them globally as is the case of the Migra font in the headings.

Need Further Tutorials?

The Divi Text Module: https://bit.ly/39TuifW

Related Articles