Sophia – How to edit texts

Google Body font: Poppins

Google Headings font: Oswald

Handwritten font: Sloop Script Regular

 

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 Sophia Theme are Oswald in headers, Poppins in body.

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

 

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>

 

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 Sloop Script Regular font in the headings.

Need Further Tutorials?

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

Related Articles