General Title Goes Here with
Two-Lines

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat.

gcom_frame 1-over-1 shortcode

Usage:

[gcom_frame type="1-over-1" text-columns="1" layout="right" image1="/wp-content/uploads/2019/07/burger-3-400x500.jpg" image2="/wp-content/uploads/2019/07/01-Homepage-Header-493x601.jpg"]Put in your content as usual in here, including any shortcodes or formatting tags you want.[/gcom_frame]

Parameters:

  • type: "1-over-2", meaning one big image over two smaller ones. Overall intended height around 1000px.
  • layout (optional, default is right): "right" or "left", meaning whether the images are to the right of the text block or to the left. You don't have to change anything else in the layout, just this one value, to move the photo block from one side to the other.
  • text-columns (optional, default is 1): How many columns you want to break the text into.
  • image1: The tall image on top.
  • image2: The small image on the left.
  • image3: The small image on the right.

This content frame is intended for cases where you have a moderate sized text block; though the images will always scale to fit the height of the text block, the layout doesn't look as good with just a few lines of copy or with too big a block.

gcom_frame 1-over-2 shortcode

Usage:

[gcom_frame type="1-over-2" text-columns="1" layout="right" image1="/wp-content/uploads/2019/07/01-Homepage-Header-493x601.jpg" image2="/wp-content/uploads/2019/07/burger-3-400x500.jpg" image3="/wp-content/uploads/2019/07/booze-crop-smaller-615x705.jpg"]Put in your content as usual in here, including any shortcodes or formatting tags you want.[/gcom_frame]

Parameters:

  • type: "1-over-2", meaning one big image over two smaller ones. Overall intended height around 1000px.
  • layout (optional, default is right): "right" or "left", meaning whether the images are to the right of the text block or to the left. You don't have to change anything else in the layout, just this one value, to move the photo block from one side to the other.
  • text-columns (optional, default is 1): How many columns you want to break the text into.
  • image1: The tall image on top.
  • image2: The small image on the left.
  • image3: The small image on the right.

This content frame is intended for cases where you have a fairly lengthy block of text; though the images will always scale to fit the height of the text block, the layout doesn't look as good with just a few lines of copy.


gcom_frame 1-over-2-short shortcode

Usage:

[gcom_frame type="1-over-2-short" text-columns="1" layout="right" image1="/wp-content/uploads/2019/07/01-Homepage-Header-493x601.jpg" image2="/wp-content/uploads/2019/07/burger-3-400x500.jpg" image3="/wp-content/uploads/2019/07/booze-crop-smaller-615x705.jpg"]Put in your content as usual in here, including any shortcodes or formatting tags you want.[/gcom_frame]

Parameters:

  • type: "1-over-2-short", meaning one wide image over two narrower ones, but they are all the same height. Intended overall height: 670px.
  • layout (optional, default is right): "right" or "left", meaning whether the images are to the right of the text block or to the left. You don't have to change anything else in the layout, just this one value, to move the photo block from one side to the other.
  • text-columns (optional, default is 1): How many columns you want to break the text into.
  • image1: The tall image on top.
  • image2: The small image on the left.
  • image3: The small image on the right.

This content frame is intended for cases where you have a relatively short block of text; though the images will always scale to fit the height of the text block, the layout doesn't look as good with lots of lines of copy.

Lorem ipsum uis ut viverra nisl. Morbi sagittis tincidunt finibus. Vestibulum scelerisque luctus diam. Vestibulum scelerisque luctus diam, eu dictum erat posuere nec. Vivamus non leo gravida, pharetra purus in, porta odio. Proin non dictum nulla, vitae finibus tortor.


gcom_frame 1-big shortcode

Usage:

[gcom_frame type="1-big" text-columns="2" layout="right" image1="/wp-content/uploads/2019/07/01-Homepage-Header-493x601.jpg"]Put in your content as usual in here, including any shortcodes or formatting tags you want.[/gcom_frame]

Parameters:

  • type: "1-big", one big image the same height as the text column. Intended overall height: 670px.
  • text-columns (optional, default is 1): How many columns you want to break the text into.
  • layout (optional, default is right): "right" or "left", meaning whether the images are to the right of the text block or to the left. You don't have to change anything else in the layout, just this one value, to move the photo block from one side to the other.
  • image1: The one big image, which will scale to be the height of the text column.

This content frame is intended for cases where you have a relatively short block of text with one big image to the side.

Lorem ipsum uis ut viverra nisl. Morbi sagittis tincidunt finibus. Vestibulum scelerisque luctus diam. Vestibulum scelerisque luctus diam, eu dictum erat posuere nec. Vivamus non leo gravida, pharetra purus in, porta odio. Proin non dictum nulla, vitae finibus tortor.


gcom_frame 1-big-banner shortcode

Usage:

[gcom_frame type="1-big-banner" text-columns="2" image1="/wp-content/uploads/2019/07/01-Homepage-Header-493x601.jpg"]Put in your content as usual in here, including any shortcodes or formatting tags you want.[/gcom_frame]

Parameters:

  • type: "1-big-banner", one big image the same height as the text column. Banner height is hard-set to 450px.
  • text-columns (optional, default is 1): How many columns you want to break the text into.
  • layout The layout parameter is ignored for this content frame -- the banner image only goes at the top.
  • image1: The one big image, 100% width and 450px high.

This content frame is intended for cases where you have a fairly lengthy block of text, usually with 2 columns, and a single large featured image that's full width. With just a short block of copy, the image will overwhelm the layout. Any H1 line in the copy will be styled in white over the top banner image.

Maecenas pulvinar ut velit vel tristique. Phasellus lacinia felis neque, sed bibendum felis lacinia nec. Suspendisse consequat lorem nisi, lacinia tincidunt eros efficitur eu. Etiam vel diam lectus. Nullam nec turpis in justo faucibus pellentesque in non sem. Pellentesque urna enim, hendrerit sed varius non, volutpat sed leo. Morbi aliquam velit at quam bibendum iaculis vel et purus. Nulla placerat nibh turpis, a maximus libero ullamcorper fermentum. Vivamus ut venenatis mauris. Nam lacinia eleifend dui vitae varius. Suspendisse gravida urna quis elit aliquet aliquam. Nulla pellentesque odio in urna egestas tempor. Donec ut semper lacus, a sagittis tellus.

Nulla facilisi. Phasellus neque dui, finibus ac libero et, molestie suscipit urna. Vivamus auctor tristique risus, ut eleifend urna aliquet sit amet. Praesent ultricies vestibulum justo, pretium dictum mi mollis in. Sed lectus metus, mattis in ullamcorper sit amet, vehicula et sapien. Mauris id nunc ornare, sollicitudin felis ut, rhoncus lectus. Curabitur vulputate mi a arcu fermentum, vitae pulvinar risus elementum.

Cras lacinia sapien quis orci malesuada aliquam. Vivamus non magna fringilla, elementum risus nec, ullamcorper ipsum. Phasellus purus lectus, mollis id pulvinar sit amet, rutrum sed nibh. Quisque sed felis finibus, finibus mi ac, consequat augue. Suspendisse potenti. Nulla dignissim, magna sed vulputate tincidunt, leo tellus vulputate enim, auctor cursus ex nunc sit amet tellus. Praesent ornare tellus sit amet est aliquam vestibulum.

Duis ut viverra nisl. Morbi sagittis tincidunt finibus. Vestibulum scelerisque luctus diam, eu dictum erat posuere nec. Vivamus non leo gravida, pharetra purus in, porta odio. Proin non dictum nulla, vitae finibus tortor. Maecenas ultricies eros sapien, dictum convallis quam consectetur sit amet. Pellentesque lacus velit, ullamcorper quis lectus eu, aliquam cursus purus. Donec pharetra sem lorem, ac luctus nulla eleifend non.


H1 Content Header

H2 Content Section Header

Maecenas pulvinar ut velit vel tristique. Phasellus lacinia felis neque, sed bibendum felis lacinia nec. Suspendisse consequat lorem nisi, lacinia tincidunt eros efficitur eu. Etiam vel diam lectus. Nullam nec turpis in justo faucibus pellentesque in non sem. Pellentesque urna enim, hendrerit sed varius non, volutpat sed leo. Morbi aliquam velit at quam bibendum iaculis vel et purus. Nulla placerat nibh turpis, a maximus libero ullamcorper fermentum. Vivamus ut venenatis mauris. Nam lacinia eleifend dui vitae varius. Suspendisse gravida urna quis elit aliquet aliquam. Nulla pellentesque odio in urna egestas tempor. Donec ut semper lacus, a sagittis tellus.

Nulla facilisi. Phasellus neque dui, finibus ac libero et, molestie suscipit urna. Vivamus auctor tristique risus, ut eleifend urna aliquet sit amet. Praesent ultricies vestibulum justo, pretium dictum mi mollis in. Sed lectus metus, mattis in ullamcorper sit amet, vehicula et sapien. Mauris id nunc ornare, sollicitudin felis ut, rhoncus lectus. Curabitur vulputate mi a arcu fermentum, vitae pulvinar risus elementum.

Duis ut viverra nisl. Morbi sagittis tincidunt finibus. Vestibulum scelerisque luctus diam, eu dictum erat posuere nec. Vivamus non leo gravida, pharetra purus in, porta odio. Proin non dictum nulla, vitae finibus tortor. Maecenas ultricies eros sapien, dictum convallis quam consectetur sit amet. Pellentesque lacus velit, ullamcorper quis lectus eu, aliquam cursus purus. Donec pharetra sem lorem, ac luctus nulla eleifend non.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Color Classes

The site uses a number of classes that are useful for changing background colors, foreground colors, hover colors, etc. You can use these class names in the "Button" shortcode with the "class=xx" attribute, or anywhere you need to input custom HTML. The general format of all of these class names is as follows:

[what to change]_[colorcode]_[hover (optional)]

Color 1, Color 2, Black, White, and other colors are all controlled via Settings -> Theme Options -> Colors.

Foreground Colors

fg_c1 Change the foreground of the element to Color 1
fg_c2 Change the foreground of the element to Color 2
fg_body Change the foreground of the element to the Body Color
fg_white Change the foreground of the element to the theme White color
fg_black Change the foreground of the element to the theme Black color

Foreground Colors - Hover

fg_c1_hover Change the foreground of the element to Color 1 on hover
fg_c2_hover Change the foreground of the element to Color 2 on hover
fg_body_hover Change the foreground of the element to Theme Body Color on hover
fg_white_hover Change the foreground of the element to Theme White Color on hover
fg_black_hover_hover Change the foreground of the element to Theme Black Color on hover

Background Colors

bg_c1 Change the background of the element to Color 1 on hover
bg_c2 Change the background of the element to Color 2 on hover
bg_body Change the background of the element to Body Color on hover
bg_white Change the background of the element to Theme White on hover
bg_black Change the background of the element to Theme Bloack on hover

Background Color and Opacities

bg_c1_opacity Change the background of the element to Color 1, partially transparent
bg_c2_opacity Change the background of the element to Color 2, partially transparent
bg_white_opacity Change the background of the element to Theme White, partially transparent
bg_black_opacity Change the background of the element to Theme Black, partially transparent

Background Color and Opacities - Hover

bg_c1_opacity_hover Change the background of the element to Color 1, partially transparent on hover
bg_c2_opacity_hover Change the background of the element to Color 2, partially transparent on hover
bg_white_opacity_hover Change the background of the element to Theme White, partially transparent on hover
bg_black_opacity_hover Change the background of the element to Theme Black, partially transparent on hover

Background Colors - Hover

bg_c1_hover Change the background of the element to Color 1 on hover
bg_c2_hover Change the background of the element to Color 2 on hover
bg_white_hover Change the background of the element to Theme White on hover
bg_black_hover Change the background of the element to Theme White on hover

Border Colors

border_c1 Add a border to the element with color set to Color 1
border_c2 Add a border to the element with color set to Color 2
border_white Add a border to the element with color set to Theme White
border_black Add a border to the element with color set to Theme Black

Single Borders

border_top_c1 Add a border to the element with color set to Color 1 at the top
border_top_c2 Add a border to the element with color set to Color 2 at the top
border_top_white Add a border to the element with color set to Theme White at the top
border_top_black Add a border to the element with color set to Theme Black at the top

border_left_c1 Add a border to the element with color set to Color 1 at the left
border_left_c2 Add a border to the element with color set to Color 2 at the left
border_left_white Add a border to the element with color set to Theme White at the left
border_left_black Add a border to the element with color set to Theme Black at the left

border_right_c1 Add a border to the element with color set to Color 1 at the right
border_right_c2 Add a border to the element with color set to Color 2 at the right
border_right_white Add a border to the element with color set to Theme White at the right
border_right_black Add a border to the element with color set to Theme Black at the right

border_bottom_c1 Add a border to the element with color set to Color 1 at the bottom
border_bottom_c2 Add a border to the element with color set to Color 2 at the bottom
border_bottom_white Add a border to the element with color set to Theme White at the bottom
border_bottom_black Add a border to the element with color set to Theme Black at the bottom

Border Colors: hover

border_c1_hover Add a border to the element with color set to Color 1 when hovered over
border_c2_hover Add a border to the element with color set to Color 2 when hovered over
border_white_hover Add a border to the element with color set to Theme White when hovered over
border_black_hover Add a border to the element with color set to Theme Black when hovered over

Button Shortcode:

General Usage: [button link="https://www.google.com" tab="yes" class="bg_c1"]Button[/button]

Button with Color 1 Background:

Button

Button with Color 2 Background (Color 1 when hovered over):

Button

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Bold Italics Bold-Italics

  • Bulleted list 1
  • Bulleted list 2
  • Bulleted list 3
  1. Numbered list 1
  2. Numbered list 2
  3. Numbered list 3

This is a block quote.

And an HR:


Some links, and here.

Testing Shortcodes:

First column (6/6/12)
Second column (6/6/12)

Accordion Title

General Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Justo eget magna fermentum iaculis eu non. At quis risus sed vulputate odio ut enim blandit. Fringilla est ullamcorper eget nulla facilisi. Tellus id interdum velit laoreet id donec ultrices tincidunt arcu. Cursus in hac habitasse platea dictumst. Sem viverra aliquet eget sit. Purus in mollis nunc sed id semper risus in hendrerit. Dignissim enim sit amet venenatis urna cursus eget nunc scelerisque.

  • Place settings on a restaurant table
  • mae-mu-WzheIfs9V-U-unsplash

General Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

General Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Checkerboard Color BG 1

Checkerboard Color BG 1 Text Block

Checkerboard Color BG 2

Checkerboard Color BG 2 text.

General Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Enim tortor at auctor urna nunc. Aliquam vestibulum morbi blandit cursus risus. Neque aliquam vestibulum morbi blandit cursus risus at ultrices mi. Leo urna molestie at elementum eu facilisis sed odio morbi. Duis at consectetur lorem donec massa sapien faucibus. Viverra justo nec ultrices dui sapien eget mi. Ac orci phasellus egestas tellus. Nunc mattis enim ut tellus elementum sagittis vitae et. Mattis enim ut tellus elementum sagittis vitae et leo. Eros donec ac odio tempor orci dapibus. Fringilla phasellus faucibus scelerisque eleifend donec.

Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare. Justo laoreet sit amet cursus sit amet dictum sit amet. Mi tempus imperdiet nulla malesuada pellentesque. Ultrices gravida dictum fusce ut placerat orci. At erat pellentesque adipiscing commodo elit.

Contact

Contact stuff goes here

Google Map for Walker's Exchange
  • Two By Slide 1 Text Block Headline
    Two By Slide 1 Main Text Block
  • stefan-johnson-124184-unsplash
    Two By Slide 2 Text Block Headline
    Two By Slide 2 Main Text Block

Two By Slider Headline

Two By Slider Text

Two By Slider CTA Text
  • stefan-johnson-124184-unsplash

    Full Width Slide 1 Headline

    Full Width Slide 1 Text. Nulla facilisi. Phasellus neque dui, finibus ac libero et, molestie suscipit urna. Vivamus auctor tristique risus, ut eleifend urna aliquet sit amet. Praesent ultricies vestibulum justo, pretium dictum mi mollis in. Sed lectus metus, mattis in ullamcorper sit amet, vehicula et sapien. Mauris id nunc ornare, sollicitudin felis ut, rhoncus lectus. Curabitur vulputate mi a arcu fermentum, vitae pulvinar risus elementum.

  • chinh-le-duc-G7jw4HTCod0-unsplash

    Full Width Slide 2 Headline

    Full Width Slide 2 Text. Nulla facilisi. Phasellus neque dui, finibus ac libero et, molestie suscipit urna. Vivamus auctor tristique risus, ut eleifend urna aliquet sit amet. Praesent ultricies vestibulum justo, pretium dictum mi mollis in. Sed lectus metus, mattis in ullamcorper sit amet, vehicula et sapien. Mauris id nunc ornare, sollicitudin felis ut, rhoncus lectus. Curabitur vulputate mi a arcu fermentum, vitae pulvinar risus elementum.

Full Width Watermark
  • Tab 1 Headline

    Tab 1 Text. Nulla facilisi. Phasellus neque dui, finibus ac libero et, molestie suscipit urna. Vivamus auctor tristique risus, ut eleifend urna aliquet sit amet. Praesent ultricies vestibulum justo, pretium dictum mi mollis in. Sed lectus metus, mattis in ullamcorper sit amet, vehicula et sapien. Mauris id nunc ornare, sollicitudin felis ut, rhoncus lectus. Curabitur vulputate mi a arcu fermentum, vitae pulvinar risus elementum.

  • Tab 2 Headline

    Tab 2 Text. Nulla facilisi. Phasellus neque dui, finibus ac libero et, molestie suscipit urna. Vivamus auctor tristique risus, ut eleifend urna aliquet sit amet. Praesent ultricies vestibulum justo, pretium dictum mi mollis in. Sed lectus metus, mattis in ullamcorper sit amet, vehicula et sapien. Mauris id nunc ornare, sollicitudin felis ut, rhoncus lectus. Curabitur vulputate mi a arcu fermentum, vitae pulvinar risus elementum.

  • Tabbed Content, Tab 1
  • Tabbed Content, Tab 2

Form Block - Headline