Phone link shortcode

Below is the shortcode for displaying the phone link set in the customizer.

Give us a call!
[flexline_phone_number] - Uses the phone number and "Main Phone Title" from the Customizer settings.
[flexline_phone_number link="tel:6665554444"] - Overrides the default or Customizer-defined link with a custom link - make sure to include the "tel:" prefix if it's a phone number.
[flexline_phone_number text="Custom Text"] - Overrides the default or Customizer-defined link text with custom text.
[flexline_phone_number link="http://example.com" text="Custom Text"] - Overrides both the link and text.

Address Shortcode

Below is the shortcode for displaying the local address set in the customizer. This will include the phone link if it configured for it.

[flexline_contact_info]

8880 Ward Parkway Suite 400
Kansas City, MO 64114
View on Google Maps


Call Now button

The Call Now button pattern uses the phone number set in the customizer by default and the styles can be adjust per instance.


Scroll to button

This button will overlap the section before and after and will scroll itself to the top of the page on click.


Info Box

Info Box

A simple box with headline and content ready for use in columns with variable styles.

Info Box

A simple box with headline and content ready for use in columns with variable styles.

Info Box

A simple box with headline and content ready for use in columns with variable styles.

CTA Box

CTA Box

Use this box with button in columns or in it’s own row. The default headline is an h3 so make sure there is an h2 before this or change the headline to an h2 for accessibility.

CTA Box

Use this box with button in columns or in it’s own row. The default headline is an h3 so make sure there is an h2 before this or change the headline to an h2 for accessibility.

CTA Box

Use this box with button in columns or in it’s own row. The default headline is an h3 so make sure there is an h2 before this or change the headline to an h2 for accessibility.


CTA Full Width


CTA Large


Page Link CTAs

Generally these CTAs are used for internal links.


CTA – Card with image, heading, text, button

Default:

Sample Image

CTA – Card with image, heading, text, button

This CTA incorporates an image on the left and stacks responsively.

Card w/ Padding:

Sample Image

CTA – Card with image, heading, text, button

This CTA incorporates an image on the left and stacks responsively.

Outlined w/ padding:

Sample Image

CTA – Card with image, heading, text, button

This CTA incorporates an image on the left and stacks responsively.


Galleries

Photo Poster Gallery Styles and Row

Using the custom “Enable poster gallery” option on the gallery block allows you to create a light box gallery with the first image in the gallery as the cover image.

Default

card w/ padding

Outline w/ padding

card w/ image

Video Gallery Styles and Row

Using the custom “Enable media popup” option on the image block allows you to create a light box popup ready for youTube, Vimeo, virtual tours, PDFs, and just about any URL in an iframe.

Sample Image

Video Title

Sample Image

Video Title

Sample Image

Video Title

Sample Image

Video Title

Mixed Media Styles and Row

Using the custom “Enable media popup” option on the image block allows you to create a light box popup ready for youTube, Vimeo, virtual tours, PDFs, and just about any URL in an iframe.

Sample Image

Media Popup

Sample Image

Media Popup

Sample Image

Media Popup

Sample Image

Media Popup

Mixed Media Detailed Styles and Row

This version of the meida popup is the same as above but provides some preset extra lines for further details.

Sample Image

Media Title

Media Detail 1

Media Detail 2

Sample Image

Media Title

Media Detail 1

Media Detail 2

Sample Image

Media Title

Media Detail 1

Media Detail 2

Sample Image

Media Title

Media Detail 1

Media Detail 2


Sticky Sub Navigation

Sticky Sub navigation can use menus to make keeping site context easier. They can live anywhere in a page but will stick to the top once scrolled to that position and will stay there until its containing block clears the screen. This can be hidden at mobile, or you can also use the the “Sticky Sub navigation can use menus to make keeping site context easier. They can live anywhere in a page but will stick to the top once scrolled to that position and will stay there until its containing block clears the screen. This can be hidden at mobile, or you can also use the the “Enable horizontal scroll at mobile” option to leave it on screen an allow it to scroll horizontally.


Pricing Tables

Personal

$95/yr.

Feature Item


Feature Item


Feature Item


Feature Item


Feature Item

Personal

$95/yr.

Feature Item


Feature Item


Feature Item


Feature Item


Feature Item


Tabs and Accordions – Plethora Plugin

These patterns are currently dependent on the Plethora Tabs plugin.

Accordion:

Accordion 1
Sample Image

CTA – Card with image, heading, text, button

This CTA incorporates an image on the left and stacks responsively.

Accordion Content

You can use any blocks or patterns in this content.

Accordion 2

Address Block

8880 Ward Parkway Suite 400
Kansas City, MO 64114
View on Google Maps

Accordion 3
Sample Image

Video Feature and Buttons

This pattern utilizes the “Enable Media Popup” option for popping up a video in a modal. There are also buttons for action directly after.

Vertical Tabs:

Sample Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Curabitur blandit tempus porttitor. Vestibulum id ligula porta felis euismod semper.

Personal

$95/yr.

Feature Item


Feature Item


Feature Item


Feature Item


Feature Item

Headline

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Donec ullamcorper nulla non metus auctor fringilla. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Sed posuere consectetur est at lobortis.

Tabs:

Tab 1 content

  • Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
  • Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
    • Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
  • Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
  • Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Sample Tab content

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Maecenas faucibus mollis interdum. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna.
Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit sit amet non magna.


Team Modules

Team Member Styles

Sample Image

Member Name

Title

Sample Image

Member Name

Title

Sample Image

Member Name

Title

Sample Image

Member Name

Title

Team Leadership Styles

Default:

First Lastname

Job Title

This block is designed to feature leadership in the organization. The image goes first on mobile by using the custom “Row Reverse” option on the columns block.

Sample Image

Outlined w/ padding:

First Lastname

Job Title

This block is designed to feature leadership in the organization. The image goes first on mobile by using the custom “Row Reverse” option on the columns block.

Sample Image

Card w/ padding:

First Lastname

Job Title

This block is designed to feature leadership in the organization. The image goes first on mobile by using the custom “Row Reverse” option on the columns block.

Sample Image

Card:

First Lastname

Job Title

This block is designed to feature leadership in the organization. The image goes first on mobile by using the custom “Row Reverse” option on the columns block.

Sample Image

Testimonials

With its clean, minimal design and powerful features, FlexLine enables agencies to build cool websites.

—Allison Taylor, Designer

With its clean, minimal design and powerful features, FlexLine enables agencies to build cool websites.

—Allison Taylor, Designer

With its clean, minimal design and powerful features, FlexLine enables agencies to build cool websites.

—Allison Taylor, Designer

Testimonials w/ Images

With its clean, minimal design and powerful features, FlexLine enables agencies to build cool websites.

Sample Image

Allison Taylor

Designer

With its clean, minimal design and powerful features, FlexLine enables agencies to build cool websites.

Sample Image

Allison Taylor

Designer

With its clean, minimal design and powerful features, FlexLine enables agencies to build cool websites.

Sample Image

Allison Taylor

Designer

Testimonials Wide

Default:

Sample Image

“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna.”

Someone’s Name

Outlined w/ padding:

Sample Image

“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna.”

Someone’s Name

Card w/ padding:

Sample Image

“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna.”

Someone’s Name

Shadow:

Sample Image

“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna.”

Someone’s Name