Custom Development Tutorial Video

This video will walk you through each of the custom coded components and how you can edit and duplicate each one. 

  1. Custom navigation bar (not editable here, but if you need adjustments, I can get the work done for you)
  2. Editing the vertical height of the header images
  3. Creating the grid styles
  4. Adding in the custom styled newsletter block

Website Style Guide

This is your cheat sheet to the custom styles in your website design.


Didot - Custom Headline Style 1

Didot - Large Headline

<div align="left">
<span class="Didot2">Didot - Large Headline</span>
</div>

To utilize the large headlines in Didot, add a Markdown box and include this code snippet inside. The <div> tags can be set to left, center, or right alignment. Make sure the <span> tag is set at Didot2.

 

Didot - Custom Headline Style 2

Didot - Small Headline

<div align="left">
<span class="Didot">Didot - Small Headline</span>
</div>

To utilize the small headlines in Didot, add a Markdown box and include this code snippet inside. The <div> tags can be set to left, center, or right alignment. Make sure the <span> tag is set at Didot.

 

Backlash - Custom Accent Text Style

Backlash - Accent Text

<div align="left">
<span class="Backlash">Backlash - Accent Text</span>
</div>

To utilize the small headlines in Backlash, add a Markdown box and include this code snippet inside. The <div> tags can be set to left, center, or right alignment. Make sure the <span> tag is set at Backlash.

To combine different custom styles, just set the specific text in the right <span> class.

 

Note: if you'd like to edit some of these styles, that can be done in the Custom CSS panel. If you would like help to set up new styles or revise styles, you can send me a note and leave me as a contributor and I would be happy to assist with these small adjustments for up to 30 days after the site is trasnferred over.


Heading 2

brandon grotesque - Heading 2

This style is good for small headlines, accent text, and quotes.

 

Heading 3

BRANDON GROTESQUE - HEADING 3

This style is good for accent text and quotes.


ADDING / EDITING Images & TEXT in the Gallery Slider