1. Home
  2. /
  3. Blog
  4. /
  5. Academy Pro Theme Setup...
  6. /
  7. Academy Pro Front-Page-2 widget...

Academy Pro Front-Page-2 widget area settings

The icon code I mention in the video is HERE

In the front page of Academy Pro theme you’ll see a grid of six text boxes with icons above them.

Front-Page-2 widget area contains an icon a headline and a paragraph of text
Front-Page-2 widget area contains an icon a headline and a paragraph of text

This grid is built from six Custom HTML widgets placed in the Front-Page-2 widget area.

Put 6 Custom HTML widgets in Front-Page-2 widget area
Put 6 Custom HTML widgets in Front-Page-2 widget area

Each Custom HTML widget contains…

  1. Icon code
  2. A headline wrapped in h3 heading tags
  3. A short paragraph of text wrapped in paragraph tags
The icon code h3 code and paragraph code
The icon code h3 code and paragraph code

Changing the text
Just carefully replace the headline and paragraph text with your own headline and paragraph text.

Take care not to touch the HTML tags.

Changing the icons

The icon code is the top line of code in each of these six widgets.

The icon code in Front-Page-2 widgets in Academy Pro theme
The icon code in Front-Page-2 widgets in Academy Pro theme

To change the icons…

  • Go to this page
  • Copy the code for your chosen icon
  • Replace the icon code in any of the six widget areas with your new icon code.
The icons available in Academy Pro theme
The icons available in Academy Pro theme

Be sure to click the big blue save button to save the changes to each widget as you make the.

« Previous: Academy Pro TutorialNext: Academy Pro Tutorial »