gcom_frame 1-over-1 shortcode

Usage:

[gcom_frame type="1-over-1" text-columns="1" layout="right" image1="/wp-content/uploads/2019/09/5d41f0851fa34.image_.jpg" image2="/wp-content/uploads/2019/09/david-thomaz-P8M_y-uI3gs-unsplash-1.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/09/david-thomaz-P8M_y-uI3gs-unsplash-1.jpg" image2="/wp-content/uploads/2019/09/5d41f0851fa34.image_.jpg" image3="/wp-content/uploads/2019/09/awards-smaller.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/09/david-thomaz-P8M_y-uI3gs-unsplash-1.jpg" image2="/wp-content/uploads/2019/09/5d41f0851fa34.image_.jpg" image3="/wp-content/uploads/2019/09/awards-smaller.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/09/david-thomaz-P8M_y-uI3gs-unsplash-1.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/09/david-thomaz-P8M_y-uI3gs-unsplash-1.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 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
bg_c2 Change the background of the element to Color 2
bg_body Change the background of the element to Body Color
bg_white Change the background of the element to Theme White
bg_black Change the background of the element to Theme Black

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

Intro Section

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.

Image Break (full width image with parallax effect)

Free Text Block

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.

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. 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.

Two Column Static

This module features a large image on one side and text on the other. It supports a number of different options for the text field as well.*

* like disclaimers!
photo-1562166453-2783119c313a
  • Room decorated for a wedding with lights and flowers.
    Big Center Slider 1
  • Ballroom
    Big Center Slider 2. There should be at least three.
  • Big Center Slider 3
Three Column Static
We love having our furry friends stay with us! Please let us know when booking so we can make their stay as comfortable as possible.
Breakfast in Bed
Luxuriate in comfort as we bring you offerings from our finest restaurants right to your door. Just a phone call away!
A Toast to You
Check out our amazing rooftop sunset gathering packages, a chance for you and your friends or just that one special someone to say farewell to another wonderful Louisville day.

Three Column Hover 1

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.

Three Column Hover 2

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.

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.

Three Column Hover 3

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.

Text Grid
(columns of text in rows
with a header)

Block 1 Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Another Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Block 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Content Over Image

This module is designed to have text floating over a background image.
Did You Know?
Walker's Exchange on the 2nd Floor of the West Tower was named for Louisville's first full service restaurant, which opened in 1834 on the spot where the Galt House Hotel now stands.
Pen and Ink illustration of a bunch of turnips
  • aphael-nogueira-63mHpYEyjCA-unsplash
  • Cafe Header

Overlap Checkerboard Row 1

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.

Overlap Checkerboard
Row 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Weddings are the BEST

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.

Form Block

  • Please enter a number from 1 to 4000.
  • Please enter a number from 1 to 1310.