Quick Navigation


Pick a Theme

List of Elements

Elements of Thrive Visual Editor listed in the order presented in the editor's right sidebar.

Simple Content Elements

Event Manager

All Elements have a menu including an Event Manager which enables you to set what happens next according to what the user does.

Paragraph/Text Element.

This is a Paragraph/Text Element.  It can be dragged and dropped into any of the other elements.  When text is added the text will resize automatically to fit any page element where it is dropped.  There is a full editing menu for all characteristics of the text, colours, fonts, <h> tags, custom fonts etc.  Any element once inserted can be cloned and drag/dropped.

WordPress Content

The code for any WP functionality that is not covered by Thrive can be inserted into this element.  The image shown here is of the element before the code is added.  The Pick A Theme table at the top of this page is a Google Docs spreadsheet inserted by pasting the iframe embed code from Google into a WP Content element.

Image

The Insert Image element shows a similar green box to WP Content before the image is selected from the Image Library or uploaded.  Once uploaded the image can be dragged and dropped into any location and will resize automatically or manually.  There are various styling features available. e.g. shadows.

To make an image zoom to full size

Load an image at the largest size you want.  Use Event Manager, on click (or mouseover), zoom.  This will make the cursor change to a '+' when it hovers over and on click the image will zoom out to its full size. 

The disadvantage is that the full image is downloaded during page load and pageload is therefore slower.

Note that this does not always work first time and can result in blank, white windows of various sizes.  There is no identifiable reason.  Simply delete the Event and recreate it when it should work normally.

Buttons

Buttons have a full editing menu and can be resized, relocated, recoloured etc.

Icons

Icons are inserted like Images.  Thrive works with Icomoon to enable easy import of Icomoon icon sets, some of which are free so you can have a consistent design of icons throughout your site.

Credit Card Icons

The required card/s can be selected from a menu.

Custom HTML

A holder for custom html if required.

Custom CSS

A holder for custom css if required.

Content Container

LOREM IPSUM DOLOR SIT AMET CONSETCTEUR

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

A Content Container enables you to adjust the width of all content placed within it.  This is a full width Content Box placed within a Content Container which was then reduced in width.  The content within the Content Container adjusts automatically to the new width.  A Content Container can also be Left/Centre/Right justified.  Useful for being able to place content accurately against a background or for purely aesthetic reasons.

Content Reveal

Lorem ipsum.. Content Reveal will reveal the content after a period of time that can be set up to 6 hours.
This is set to reveal after 1 minute.

Content reveal will reveal the content after a period of time that can be set up to 6 hours. Hang around here for 1 minute to see the text above reveal.

Star rating

A rating image that can be edited as required to be placed in the area of any product you want to rate.

Multi-Style Elements

Content Templates

Any combination of Thrive elements can be saved for re-use as a Content Template.  You name the template while saving and they then appear in a listing under this menu option.  

Column Layouts

Column 1

Column 2

Column 3

Column 4

Column 5

Column 1

Column 2

Up to 5 columns with various combinations.  Columns are better than justification of images for visibility on small screens as they 'stack' according to the width available.  Justification can leave very short text strings which look ugly.

Content Boxes

The font, font colours, background colours etc are all fully editable.  Corners can be rounded with your choice of radius.  The width of a Content Box is adjusted either by placing it within a column of a column layout or within a Content Container.

Style 1 - with headline

LOREM IPSUM DOLOR SIT AMET CONSETCTEUR

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Style 2 - with headline

LOREM IPSUM DOLOR SIT AMET CONSETCTEUR

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Style 3 - with headline

LOREM IPSUM DOLOR SIT AMET CONSETCTEUR


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Style 4 - without headline

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Style 5 - without headline

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Style 6 - without headline

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Symbol Box

Icon box

MAIN LABEL

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae, officia?

You are prompted to add the icon from your icon list downloaded from Icomoon.

Number box

1

MAIN LABEL

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae, officia?

Note that number boxes always start at 1.  Only after adding more Number Boxes with an 'Icon text' field appear in the editor to allow the second box number to be edited.

Social Share Buttons

Custom Design

Buttons pull the necessary information from your Social Options set in theme Thrive Options/Social Media.  Can change order and show number of shares.

Default Design

Default - note that these are slower to generate.

Quote Share

Insert your tweetable quote/phrase here

Click to Tweet

Currently only Twitter.  Useful for prompting users to tweet your content.

Styled Lists

The colours can be edited.  Use Ctrl + Shift + V to copy from one bullet point to another to avoid carrying superfluous code that disrupts the layout.

Style1

  • Bullet Point 1
  • Bullet Point 2

Style 2

  • Bullet Point 1
  • Bullet Point 2

Style 3

  • Bullet Point 1
  • Bullet Point 2

Style 4

  • Bullet Point 1
  • Bullet Point 2

Style 5

  • Bullet Point 1
  • Bullet Point 2

Style 6

  • Bullet Point 1
  • Bullet Point 2

Dividers

Dividers will fill the horizontal space available.

Style 1


Style 2


Style 3


Style 4


Testimonials

Style1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

John Doe
UI/UX Designer

Style 2

John DoeUI/UX Designer

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

Style 3

John Doe UI/UX Designer

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit 

Style 4

John Doe UI/UX Designer

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut 

Style 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut 

John Doe UI/UX Designer

Style 6 - without picture

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi 

John Doe
UI/UX Designer

Style 7- without picture

John Doe UI/UX Designer

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 


Style 8 - without picture

John Doe UI/UX Designer

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

Style 9 - without picture

John Doe UI/UX Designer

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 

Calls To Action

Style 1

LOREM IPSUM DOLOR SIT AMET ELIT

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

Style 2

LOREM IPSUM DOLOR SIT AMET ELIT

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do

Style 3

LOREM IPSUM DOLOR SIT AMET ELIT

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.

Style 4

LOREM IPSUM DOLOR SIT AMET ELIT

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

Guarantee Boxes

Style 1

100% MONEY BACK GUARANTEE


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

Style 2

100% MONEY BACK GUARANTEE


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

Style 3

100% MONEY BACK GUARANTEE

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

Style 4

100% MONEY BACK GUARANTEE

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

Advanced Elements

Widgets

Custom Menu

Will reproduce a Custom Menu in any location.  Menu can be created first in Menus or a Custom Menu can be created by clicking on the Element editor which will take you to /Menus where it can be created, edited and named. 

Menus will be automatically updated whenever the central Menu is edited so multiple menus can be used without adding maintenance work.‚Äč

The same menu is illustrated in both the horizontal and vertical layouts.

Pricing Table

Fully editable.  The highlighted column can be moved left/right or removed.

SILVER

Byline about this plan.

3 Users

5GB of Storage

  • Bullet Point 1
  • Bullet Point 2
  • Bullet Point 1
  • Bullet Point 2

$12 / month

No credit card required.

SILVER

Byline about this plan.

3 Users

5GB of Storage

  • Bullet Point 1
  • Bullet Point 2
  • Bullet Point 1
  • Bullet Point 2

$12 / month

No credit card required.

SILVER

Byline about this plan.

3 Users

5GB of Storage

  • Bullet Point 1
  • Bullet Point 2
  • Bullet Point 1
  • Bullet Point 2

$12 / month

No credit card required.

SILVER

Byline about this plan.

3 Users

5GB of Storage

  • Bullet Point 1
  • Bullet Point 2
  • Bullet Point 1
  • Bullet Point 2

$12 / month

No credit card required.

SILVER

Byline about this plan.

3 Users

5GB of Storage

  • Bullet Point 1
  • Bullet Point 2
  • Bullet Point 1
  • Bullet Point 2

$12 / month

No credit card required.

SILVER

Byline about this plan.

3 Users

5GB of Storage

  • Bullet Point 1
  • Bullet Point 2
  • Bullet Point 1
  • Bullet Point 2

$12 / month

No credit card required.

SILVER

Byline about this plan.

3 Users

5GB of Storage

  • Bullet Point 1
  • Bullet Point 2
  • Bullet Point 1
  • Bullet Point 2

$12 / month

No credit card required.

SILVER

Byline about this plan.

3 Users

5GB of Storage

  • Bullet Point 1
  • Bullet Point 2
  • Bullet Point 1
  • Bullet Point 2

$12 / month

No credit card required.

SILVER

Byline about this plan.

3 Users

5GB of Storage

  • Bullet Point 1
  • Bullet Point 2
  • Bullet Point 1
  • Bullet Point 2

$12 / month

No credit card required.

SILVER

Byline about this plan.

3 Users

5GB of Storage

  • Bullet Point 1
  • Bullet Point 2
  • Bullet Point 1
  • Bullet Point 2

$12 / month

No credit card required.

SILVER

Byline about this plan.

3 Users

5GB of Storage

  • Bullet Point 1
  • Bullet Point 2
  • Bullet Point 1
  • Bullet Point 2

$12 / month

No credit card required.

SILVER

Byline about this plan.

3 Users

5GB of Storage

  • Bullet Point 1
  • Bullet Point 2
  • Bullet Point 1
  • Bullet Point 2

$12 / month

No credit card required.

SILVER

Byline about this plan.

3 Users

5GB of Storage

  • Bullet Point 1
  • Bullet Point 2
  • Bullet Point 1
  • Bullet Point 2

$12 / month

No credit card required.

SILVER

Byline about this plan.

3 Users

5GB of Storage

  • Bullet Point 1
  • Bullet Point 2
  • Bullet Point 1
  • Bullet Point 2

$12 / month

No credit card required.

SILVER

Byline about this plan.

3 Users

5GB of Storage

  • Bullet Point 1
  • Bullet Point 2
  • Bullet Point 1
  • Bullet Point 2

$12 / month

No credit card required.

Tabbed Content

Horizontal Layout

  • First tab
  • Second tab
  • Third tab

Tab 1

Tab 2

Tab 3

Vertical Layout

  • First tab
  • Second tab
  • Third tab

Tab 1

Tab 2

Tab 3

Feature Grid

- with Media

Heading 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, vero?

Heading 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, vero?

Heading 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, vero?

Heading 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, vero?

Heading 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, vero?

Heading 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, vero?

Heading 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, vero?

Heading 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, vero?

Heading 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, vero?

- with Icon

Heading 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, vero?

Heading 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, vero?

Heading 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, vero?

Heading 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, vero?

Heading 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, vero?

Heading 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, vero?

Heading 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, vero?

Heading 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, vero?

Heading 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, vero?

Content Toggle

Content Toggle Headline

Table

Once a table is added there are multiple edit options available to achieve the required appearance.

Header 1 / 1

Header 1 / 2

Header 1 / 3

Header 1 / 4

Cell 1 / 1

Cell 1 / 2

Cell 1 / 3

Cell 1 / 4

Cell 2 / 1

Cell 2 / 2

Cell 2 / 3

Cell 2 / 4

Cell 3 / 1

Cell 3 / 2

Cell 3 / 3

Cell 3 / 4

Data Elements

Animate as they come into view on screen.  Give impression of accuracy and competence(!)

Progress Bar

Progress Bar

Fill Counter

75%
Fill Counter

Number Counter

123 km Number Counter

Google Map Embed

Obtain embed code from 'Share or embed map' of the menu of the Google map you want to show.

Countdown Timer

Countdown

00
Days
00
Hours
00
Minutes
00
Seconds

The regular countdown timer allows you to set an absolute time and date in the future so that every visitor sees the same time remaining amount at any given moment. This is more useful if you're counting down to a particular event date.

Countdown Evergreen

00
Days
02
Hours
00
Minutes
00
Seconds

The evergreen countdown allows you to set a time relative to when the user landed on the page. So, this means that you can set the countdown to show, for instance, 2 hours for each visitor that lands on the content. This is useful if you want to instil scarcity for each visitor that lands on your site independently.

Responsive Video

Table of Contents

Demonstrated at the top of this page.  The table of contents element is automatically generated based on the Heading styles used , complete with multiple levels of headings, and showcases the sections of the content. The table of contents element works well on longer pieces of content, allowing the user to jump to the section that's relevant to them.

Lead Generation

A basic lead generation optin form.  Connects to your email service via API.

Post Grid

Creates a grid of Posts that can be filtered to show the items relevant to the page content.  Image used is the Featured Image of the post.

Facebook post
https://www.facebook.com/bruce.bird/posts/10210252414090423?pnref=story
Demo post 3
Lorem ipsum
Demo post 2
Lorem ipsum
Demo post 1
Lorem ipsum

Comments

Reproduce FB or Disqus comments on your webpage.  This will bring FB comment content to your web page which will add relevant content for SEO.  Instructions for setting this up are here.

testimonial_placeholder
quote-left

Template 2 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Template 2

Position