Style Guide
Header Styles
Heading h1
This is a heading h1 set in Nobile. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Heading h2
This is a heading h2 set in Nobile. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Heading h3
This is a heading h3 set in Lustria. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Heading h4
This is a heading h4 set in Nobile. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Heading h5
This is a heading h5 set in Lustria. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Heading h6
This is a heading h6 set in Nobile. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
This is a blockquote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
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
Instructions
Homepage Banner
The main homepage banner is a content block and can be edited under Content Editor > Content Blocks > Homepage Banner. The background image, title, text, button text, and link can be changed.
Top Homepage Content
The image on the left is editable under Content Editor > Pods > Homepage Image. The text on the right is your homepage content and can be edited under Content Editor > General Pages > Homepage.
Featured Wines
This is a product group. You can add products to this by going to Store > Products > Click on the product > Categories > Product Groups > and select Featured Wines and then 'Save'.
Homepage Content Pods
The 'Winemaking' and 'Mission' sections of content are pods. They are editable under Content Editor > Pods > Homepage Content Pods.
Middle Homepage Banner
The image and content can be edited under Content Editor > Content Blocks > Middle Homepage Content.
Homepage Blog Section
The two latest blog posts are being dynamically pulled in.
Team Section
Team members can be added and edited under Content Editor > Pods > Team Member.
Newsletter Sign Up
This is connected to the Contact Type 'Newsletter'. The title and text can be edited under Content Editor > Pods > Newsletter Sign Up.
Social Media
The social media icons available to use are Facebook, Twitter, Google Plus, Pinterest, Instagram, Vimeo, Yelp, and Youtube. These are not editable and must be changed by our design team. During the setup process, please send the corresponding links to your project manager.
Footer Pages
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.