1. Home
  2. /
  3. Blog
  4. /
  5. Genesis framework
  6. /
  7. Specific themes
  8. /
  9. Authority Pro Theme by...

Authority Pro Theme by StudioPress

Please Note!There is now a new version of Authority Pro theme that has an automatic homepage set up using the atomic Blocks plugin.

For more information about Atomic Blocks visit Flagship Content.

Authority Pro theme looks great. But figuring out how to set it up can be confusing.

This is a quick setup guide for Authority Pro theme

There are 5 VIDEO TUTORIALS at the bottom of this page, to jump straight to the videos Click Here

Or: Learn more about StudioPress Sites here

Here are some important points to help you get started.

Please Note: the early version of Gutenberg removes the Custom Fields box in the WordPress editor. So you might need this plugin…
https://wordpress.org/plugins/custom-fields-gutenberg/
A lot of sites use custom fields, so later versions of Gutenberg might or might not solve this problem, we’ll have to wait and see.

Customizer Basic Settings tab in Authority Pro theme

In the customizer there is a tab named…
Authority Pro Settings (this leads to four sub tabs).

  • Basic Settings
  • Top Banner
  • Hero and Portrait Section
  • Hero Logo Section

We’ll go through the tabs one at a time.

Go to Dashboard > Appearance > Customize and click the Authority Pro Settings tab

Authority Pro theme settings tab

Then click the Basic Settings tab

Authority Pro basic settings tab

The Basic Settings tab. This comprises three Show or Hide tick boxes that…

  • Enable or disable the “Hello I’m Melissa” hero text and photo.
  • Enable or disable the fancy first paragraph on single blog posts.
  • Enable or disable the large featured image that sits just under the eNews widget at the top of single posts.

Tick all three tick boxes

Authority Pro basic settings 3 tick boxes

The first tick box
The first tick box enables the hero section at the top of the front page. In the demo site this is the section with the photo of Melyssa and the big headline.

I’ll show you how to customize this section by adding your own photo, headline and text. Later on in this tutorial.

Authority Pro hero section only

The second tick box
The second tick box automatically styles the first paragraph of every blog post with a larger font size in italics.

The third tick box
The third tick box tells WordPress that, if a featured image is applied to a blog post, that featured image should be displayed at the top of the post. The image spans the full width of the content and sidebar area.

Featured Image and Intro Paragraph

Jump straight to the VIDEOS Click Here

Or view the online demo of Authority Pro theme.

The Big Blue Top Banner

Top Banner. This is the blue dismissible banner at the top of every page.

Authority Pro settings top banner section

Authority Pro top banner

The Hero Portrait Section in Authority Pro Theme

Using the Hero Portrait section is a two step process. First, in Basic Settings, you enable the Front Page Hero Section. Only then will the Hero Portrait Section becomes available. We did this first step earlier in this tutorial, but here’s a quick recap.

Important! To do this you must first enable the checkbox in…
Dashboard > Appearance > Customize > Authority Pro Settings > Basic Settings: Show the front page hero section.

Then make sure you are viewing the home page before going to…
Dashboard > Appearance > Customize > Authority Pro Settings > Click Hero Portrait Section tab.

Authority Pro settings hero portrait section

 

The Hero Portrait Section contains three customizable text boxes

  • Hero Title
  • Hero Intro Paragraph
  • And the Hero Portrait Caption

Please Note: to change the caption text for the photo, scroll to the bottom of the customizer. You have to look carefully to find the section labeled “Hero Portrait Caption”.

The Hero Portrait Section also contains an image chooser. So you can replace Melissa’s photo with an image of your own choosing.

Hero Portrait Section edit text- boxes

Jump straight to the VIDEOS Click Here

Or view the online demo of Authority Pro theme.

The fourth sub tab in Authority Pro Settings is the…

The Hero Logo Section

Here you can upload up to six logos. The demo site uses StudioPress and Copyblogger logos etc. But you could put logos here that represent your portfolio or businesses you’re associated with.

Authority Pro Hero Section With Logos

The Blog listing page and the Categories listing page in Authority Pro theme

The next tab we’ll discuss is Customizer > Content Archives.

Authority Pro Customizer content archives tab

Content Archives
The Content Archives settings let you customize the blog layout. You can also choose a grid or list layout for categories and tag archive pages.

Although the category listing pages can be set to display in a grid layout, the blog page can NOT be set to a grid layout.

Authority Pro content archives-blog and category layout settings

Jump straight to the VIDEOS Click Here

Or view the online demo of Authority Pro theme.

Other widget areas…

eNews signup box in the Hero Section

Appearance > Widgets > Hero Section (Genesis – eNews Extended widget)
The Hero Section widget area is used in the demo site to display the eNews Extended widget. This displays in the demo site at the top of the home page in the “Hey, I’m Melyssa” section.

Please note!

  • Appearance > Widgets > Hero Section and…
  • Appearance > Customizer > Authority Pro Settings > Hero Portrait Section

Are two completely different things. So beware, because they sound confusingly similar.

Authority Pro hero section widget area with enews widget

The Front Page 1 to 4 widget areas in Authority Pro theme

Dashboard > Appearance > Widgets…

The Front page 1, 2, 3, 4 widget areas
Front page 1, 2, 3, 4 and 5 widget areas are flexible. They have a pale grey background colour that only displays when you use the image widget.

The Front Page 1 widget area in the demo site uses a text widget. The light grey down arrow will automatically appear above any content you place in this widget area.

Authority Pro front page 1 with a text widget

The Front page 2, 3 and 4 widget areas in the demo site display…

  • A book cover using the image widget
  • A Genesis Featured Page widget
  • A custom HTML widget using the blockquote and cite tags

There is a very subtle pale grey background color which only shows if you use the image widget. If you don’t use the image widget, the background color does not appear.

Many of the front page widget areas are flexible. So the layout will change depending on how many widgets you place in any specific widget area. I highly recommend that you experiment with these widget areas and see what layouts and designs you can come up with.

Authority Pro front page 2-3-4 widget area content

Jump straight to the VIDEOS Click Here

Or view the online demo of Authority Pro theme.

Front Page 5 widget area (listing blog posts on the front page)

Front Page 5 widget area contains two widgets…

  • A Text widget
  • A Genesis Featured Post widget

The text widget uses Genesis Column Classes to divide the widget area in half. The button is a simple text link with a class of button. The code, if you need it, is available from the StudioPress site where you log in to download your theme.

The image below shows the settings I used for the Genesis Featured Post widget. You could use these settings or choose your own.

Authority Pro Genesis Featured Post widget settings

Authority Pro Front Page 5 widget area blog settings

Jump straight to the VIDEOS Click Here

Or view the online demo of Authority Pro theme.

The Footer widget area (the grey bar at the bottom of all pages and posts)

The Footer widget area is a pale grey bar that displays on all pages and all posts. The demo site uses a text widget in this area. The text reads “Ready To Take Your Next Step” and is followed by two big bold buttons. The buttons are simple text links with classes of button and primary.

Authority Pro Footer Widget area

The After entry widget area

The After entry widget area is not used in the demo site. However, it has built in styling for the Genesis eNews Extended plugin and would be a great place to put your Mailchimp signup box.

Authority Pro After Entry widget area

The Pricing Tables (basic HTML)

The Authority Pro theme demo has a page displaying some good looking pricing tables.

These pricing tables are built from basic HTML. So to use the pricing tables in your own site you’ll need a basic understanding of HTML.

You don’t need to be a HTML expert to use the pricing tables. But you will need to carefully read through the code so that you can change the text and prices etc.

The copy and paste code you need to make the pricing tables can be downloaded from inside your StudioPress account.

You can get a good idea of how HTML works on one of my other web pages.

Authority Pro Pricing Tables screenshot

Jump straight to the VIDEOS Click Here

Or view the online demo of Authority Pro theme.

Menus specific to Authority Pro theme

There are two menus that are special to Authority Pro theme…

  • Footer Menu and…
  • Social Menu

The social menu displays vertically at the top left hand side of your website.

You build the menus in the normal way. You can include pages or posts from inside your own site, or custom links to any web page on the internet.

For the Social menu go to…

Dashboard > Appearance > Menus

In the Edit Menus dialogue, make Custom Links to your Facebook and Twitter pages and then add those links to your menu.

Next click the Manage Locations tab and select your new menus from the drop down lists.

Authority Pro Social Menu

Video setup guide for the Authority Pro theme…


The Hero Header: Authority Pro video 1


Or view the online demo of Authority Pro theme.


The eBook Settings: Authority Pro video 2


Or view the online demo of Authority Pro theme.


The Homepage Blog Section: Authority Pro video 3


Or view the online demo of Authority Pro theme.


The Tiny Blue Subtitle: Authority Pro video 3.5


Or view the online demo of Authority Pro theme.


The Footer Widget: Area Authority Pro video 4


Or view the online demo of Authority Pro theme.


Some Extra Tips: Authority Pro video 5


Or view the online demo of Authority Pro theme.