Cart 0 items: $0.00

Close

Qty Item Description Price Total
  Subtotal $0.00

View Cart

 
TOP

Style Guide


Header Styles

Heading h1

This is a heading h1 set in 32px Constantia font. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Heading h2

This is a heading h2 set in 26px Constantia font. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Heading h3

This is a heading h3 set in 22px Constantia font. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Heading h4

This is a heading h4 set in 18px Constantia font. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Heading h5

This is a heading h5 set in 14px Constantia font. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Heading h6

This is a heading h6 set in 12px Constantia font. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

List Styles

Unordered List
  • Lorem ipsum dolor sit amet.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus neque.
  • Nunc dignissim risus id metus.
Ordered List
  1. Cras ornare tristique elit.
  2. Vivamus vestibulum nulla nec ante.
  3. Praesent placerat risus quis eros.
  4. Fusce pellentesque suscipit nibh.

Link Styles

Primary Link Button Modal Link Button

Large Link Button


Full Link Button
Regular Text LinkAlt Link Button Modal Link Alt Button


 

Instructions

Header Banner Image

The header image on the Homepage can be edited under Content Editor > Content Blocks > Homepage Feature Image. The header image for inner pages can be added/edited under Content Editor > Content Blocks > Page Feature Image. After an image is uploaded, you can then select what pages you would like it to appear on.

Homepage Feature Image

The image to the left of the Homepage text is a pod and can be edited under Content Editor > Pods > Homepage Image. 

Homepage Featured Product

These products are added to the Homepage through the Product Group 'Feature Product'. After clicking on a product, it can be added under Categories > Product Groups > Feature Product.

Homepage Events

The most recent events from the Content Editor > Components > Events are automatically pulled in here. 

Homepage About Section

This is content in a pod and the title and content can be edited under Content Editor > Pods > Homepage Bottom Right. 

Social Icons

The social media icons available to use are Facebook, Twitter, Google Plus, Pinterest, Vimeo, and Youtube. These are editable under the Content Editor > Content Blocks > Social Icons.

Footer Contact Information

This information is managed by a Pod and can be edited under Content Editor > Pods > Footer Pod. 

Footer Menu

The pages that show up in the footer are managed in the Content Editor. To add or remove a page from the footer, select the page, click Page Properties, for Footer Menu select Yes or No.

 

Did you break something?


Luckily for you we have included the default HTML and CSS files for this template that you can download right here.

HTML (v65 HTML Templates 10)

Download

CSS

Download