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
- Cras ornare tristique elit.
- Vivamus vestibulum nulla nec ante.
- Praesent placerat risus quis eros.
- Fusce pellentesque suscipit nibh.
Link Styles
Primary Link Button Modal Link Button
Regular Text LinkAlt Link Button Modal Link Alt Button
Instructions
Homepage Image
The Homepage image is a pod and can be edited under Content Editor > Pods > Homepage Image.
Homepage Featured Products
These products are added to the Homepage through the Product Group 'Homepage'. After clicking on a product, it can be added under Categories > Product Groups > Homepage.
About Us, Wine Club Intro, and Newsletter Sign Up Sections
These sections are editable and are located under Content Editor > Pods > Footer Content.
Subscribe Form
This form is generated by the system and any customers who fill it out will be added to the 'Newsletter' contact type.
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.