1. Home
  2. /
  3. Blog
  4. /
  5. Academy Pro Theme Setup...
  6. /
  7. Academy Pro Hero Settings

Academy Pro Hero Settings

The Hero Header section of Academy Pro theme is surprisingly easy to set up, once you know how to do it.

Academy Pro Hero header section
Academy Pro Hero header section

Quick tip…

There’s an easy way to get to all of the Academy Pro Hero Settings.

When you’re logged in, view the front page of your website

Look in the black bar at the top of  the screen and find and click the “Customize” button. This opens the WordPress Customizer. Then you can …

Click any of the pencil “Edit” icons and you will instantly open the corresponding setting dialogue box in the customizer.

Click the blue icon to edit any element that has an edit icon
Click the blue icon to edit any element that has an edit icon

Only the Hero section has these icons, but they can still save you quite a bit of time.


The Academy Pro Hero Settings are in the WordPress customizer.

Go to…

Dashboard > Appearance > Customise

Select the Academy Pro tab

You now see six sub tabs. You need the tabs labeled …

  • Hero Text Settings
  • Hero Button Settings
  • Hero Video Settings
  • Hero Logo Settings

Go to…

  1. Dashboard > Appearance > Customise and select Academy Pro Settings then …
  2. Click the Hero tabs
The Academy Pro Hero tabs
The Academy Pro Hero tabs

Hero Text

  1. Click the tab that says: Hero Text Settings
  2. Type a title for the Hero section
  3. Type your hero intro paragraph text
Customize the Hero Text Settings in Academy Pro theme
Customize the Hero Text Settings in Academy Pro theme

Now go back to…

Dashboard > Appearance > Customise and select Academy Pro Settings.

But this time select the tab that says…

Hero Button Settings

Customize the Hero Button Settings in Academy Pro theme
Customize the Hero Button Settings in Academy Pro theme
  1. You’re now editing the Hero button text and urls for the hero section of Academy Pro theme.
  2. Type the text for the colored button
  3. Add a URL to go to when the colored button is clicked
  4. Type the text you want to appear as the underlined text “button”
  5. Add a URL to go to when the underlined text “button” is clicked

The Hero Video Settings

On the right hand side of the demo site home page, you’ll see a video that plays if you click the play icon.

On your site, you can place a video in this position or you can use a static image.

Go to: Dashboard > Appearance > Customise and select Academy Pro Settings.

Then click the Hero Video Settings tab

The Hero Video Settings in Academy Pro theme
The Hero Video Settings in Academy Pro theme
  1. You are now in the Hero Video Settings dialogue
  2. If you want to display a video from Vimeo or youtube just paste the URL here. You can upload a video to your own webspace but hosting your own videos can seriously slow down your whole Website.
  3. Add a Hero Video Thumbnail Image. If you don’t add a video, just this thumbnail will display.

Hero Logo Settings

On the demo site under the Hero text, video and buttons you’ll see a row of five StudioPress and Copyblogger logos.

To put logos of your own choosing here …

Go to: Dashboard > Appearance > Customise and select Academy Pro Settings.

  1. Select the Hero Logo Settings tab
  2. Type some: Hero Logos Heading Text. This appears to the left of the logs
  3. Click the Select buttons to select and upload your own logos here.
The Customizer Hero Logo Settings in Academy Pro theme
The Customizer Hero Logo Settings in Academy Pro theme

The recommended size for these logo images is 320 x 80 pixels. However the images will actually display at half this resolution, 160 x 40 pixels.


Help, my Hero Header Section is not being displayed!

Go to: Dashboard > Appearance > Customise and select Academy Pro Settings.

  1. Click the Basic Settings tab
  2. Make sure the tick box that says “Show the front page hero section?” IS ticked!
The Academy Pro basic settings tab
The Academy Pro basic settings tab

« Previous Academy Pro TutorialNext Academy Pro Tutorial »