Installation

You can download Axton free theme through Dashboard > Appearance > Themes > Add New > Axton. Simply click on the ‘Install’ button and wait for a few seconds to ‘Activate’ the theme.

Or, if you still have any confusion regarding the Theme Installation process, please visit our FAQ link.

Inserting / Adding Axton Patterns

Dashboard >> Editor >> ‘+’ Toolbar (Top Left) >> Patterns >> Select Axton from the dropdown menu >> Add/Insert Axton Patterns accordingly by drag or drop or by simply click on the pattern itself

Editing Pattern Content

First, click on the pattern content you wish to edit/customize
You can select the section/content in three ways

  • Clicking on the section itself
  • List View
  • Footer Interface Bar

Once the section is selected you can edit its content or if you want to customize the section’ properties/options, click the three dots and select your desired action. Duplicate, Remove, Copy or Add desired section before or after the current section.

Edit Header

Axton Support 2 Headers: Header with Sidebar and Header Media(Default)
You can easily edit your header and its content such as heading, header default image

  1. Go to “Appearance => Editor”, on top left click on “+” icon then Patterns
  2. Choose Header as “Header” or “Header With Button”, it will be added to your page
  3. To edit particular part of the header you will have to click on 3 button which will open List View
  4. On top right you can click setting icon to change particular area or click on the section to get tool box too
  5. Then click on the areas you want to edit and the tool box to edit the respective area will be displayed
  6. Make required changes to header and Click on Save

Add and Edit Menu

You can Select a predefined menu and create your own customized menu.
This video shows how to select a predefined menu:
1. This Video shows how to create your own custom menu:

2. This video shows how to select a predefined menu:

Duplicating the designs and sections for patterns having more than one column

The duplicate section can be used if you want to add a similar section to your pattern.
For Example: If you want to add one more column in between your Featured Content Duplicate section can be used, as it will create a similar section and you can edit the content accordingly.

Duplicate section is a very easy step to add on particular sections in your pattern.

Select the column via ListView/Footer Interface, then click on three dots and select Duplicate then change the content accordingly

Hero Content

Axton support Hero Content section. Here is how you add it to your website:

  1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
  2. Click on dropdown menu and select “Axton” to see list of pattern provided by Axton
  3. Scroll down and to find “Hero Content”, drag and drop Hero Content to insert it
  4. Edit Image, Hero content title, content, typography, read more button and so on as per your requirement
  5. Finally Click Save to save changes

Contact US

Axton supports Contact Us section. You can add contact form to get feedback or to get in touch with your clients. Add contact form plugin to insert contact form in your contact us section.

  1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
  2. Click on dropdown menu and select “Axton” to see list of pattern provided by Axton
  3. Scroll down and to find “Contact Us”, click to add about us on your website or drag and drop the pattern to add it in desired place
  4. To add contact form download and activate Contact Form 7 plugin
  5. Edit the content as per requirement
  6. Finally Click Save to save changes

Featured Content

Featured Content pattern and customize the section. Add your Title, Tagline, and Subtitle for the section. Display your featured content in as many columns as you wish and customize color, border, styles, and more.

  1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
  2. Click on dropdown menu and select “Axton” to see list of pattern provided by Axton
  3. Scroll down and to find “Featured Content”, click to add featured content on your website or drag and drop
  4. Edit Featured Content accordingly by adding Images, Title, Descriptions button and button links

Footer Three Columns

 

The Footer Three Columns pattern allows you to insert a section that you can display right above your default footer. In the pattern, by default, there are three columns and you can use the columns to add quick information and also your contact info including your social icons.

  1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
  2. Click on dropdown menu and select “Axton” to see list of pattern provided by Axton
  3. Scroll down and to find “Footer Three Columns”, click to add Footer Three Columns on your website or drag and drop
  4. Edit Footer Three Columns accordingly by changing text, social links, newsletter, add recent posts

Footer Default

The default Footer pattern allows you to insert a basic footer section on your site. On the Default Footer pattern, you can add an editable Copyright text and also a responsive navigation menu as well.

  1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
  2. Click on dropdown menu and select “Axton” to see list of pattern provided by Axton
  3. Scroll down and to find “Footer Three Columns”, click to add Footer Three Columns on your website
  4. Edit Footer Default accordingly by editing default copyright text

Blog sidebar on Left

If you wish to add a section on your site where you can showcase your latest articles list along with a responsive sidebar, then the Blog sidebar on Left pattern serves you well. Your latest blog posts will be displayed nicely in this section along with a left sidebar.

  1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
  2. Click on dropdown menu and select “Axton” to see list of pattern provided by Axton
  3. Scroll down and to find “Blog sidebar on Left”, click to add Recent Blog with left sidebar on your website or drag and drop
  4. To make the sidebar more visually pleasing, change alignment to “Wide Width or Full Width”, you can change it by clicking on “Change Alignment” button from tool bar
  5. Finally, Click on Save

Blog sidebar on Right

Your latest blog posts will be displayed nicely in this section along with a Right sidebar, it is same as Blog sidebar on Left but your recent post will be displayed on right side.

  1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
  2. Click on dropdown menu and select “Axton” to see list of pattern provided by Axton
  3. Scroll down and to find “Blog sidebar on Right”, click to add Recent Blog with right sidebar on your website or drag and drop
  4. To make the sidebar more visually pleasing, change alignment to “Wide Width or Full Width”, you can change it by clicking on “Change Alignment” button from tool bar
  5. Finally, Click on Save

Templates in Axton

You can find 17 Templates provided by our Axton theme. You can customize these templates if you feel like changing anything on a certain template and wish to see those changes across your site.

  1. 404: The template is displayed when the requested resource or content is missing and cannot be found.
  2. Archive: It Displays post categories, tags, and other archives.
  3. Blank: The blank template can be used for displaying the contents of a post or page
  4. Blog (Sidebar on Left): Display lastest posts with a sidebar on the left side of the site
  5. Blog (Sidebar on Right): Display lastest posts with a sidebar on the right side of the site
  6. Front Page: The template is displayed as the site’s static homepage.
  7. Home: Displays as the site’s home page, or as the Posts page when a static home page isn’t set.
  8. Index: The template is used for displaying posts.
  9. Page: The template displays a single page.
  10. Search: The template displays search results.
  11. Single Page (No Sidebar Full Width): Displays a single page in a full-width layout.
  12. Single Page (Sidebar on Left): Displays a single page with a sidebar on the left side of the site.
  13. Single Page (Sidebar on Right): Displays a single page with a sidebar on the right side of the site.
  14. Single Post (No Sidebar Full Width):Displays a single post in a full-width layout.
  15. Single Post (Sidebar on Left): Displays a single post with a sidebar on the left side of the site.
  16. Single Post (Sidebar on Right): Displays a single post with a sidebar on the right side of the site.
  17. Single Post: This Template displays single Posts

Template Parts in Axton

  1. Header (With Search Bar
  2. Footer (With Three Columns)
  3. Footer
  4. Header (With Search and Social)
  5. Header
  6. Page-content
  7. Post Content
  8. Sidebar