is_visible_desktop: true

is_visible_mobile: true

height: inherit

width: 1-1

title: Text Panel - Content

show_title: true

title_size: small

title_size_custom: 96

title_font:

content:

Height based on content, with background, overlay, and light color mode. No images.

button_text: A Button

button_link: /pages/campaign-playground

text_position_desktop: center

text_position_mobile: center

vertical_position_desktop: middle

vertical_position_mobile: middle

youtube_id:

image_desktop:

image_mobile:

background_color: #a45151

has_overlay: true

color_mode: light

is_visible_desktop: true

is_visible_mobile: true

height: small

width: 1-1

title: Text Panel - Small

show_title: false

title_size: large

title_size_custom: 96

title_font:

content:

Height small, no title, only 'content'

button_text:

button_link:

text_position_desktop: center

text_position_mobile: center

vertical_position_desktop: middle

vertical_position_mobile: middle

youtube_id:

image_desktop:

image_mobile:

background_color: rgba(0,0,0,0)

has_overlay: false

color_mode: dark

is_visible_desktop: true

is_visible_mobile: true

height: inherit

width: 1-1

title: Text Panel - Medium

show_title: true

title_size: medium

title_size_custom: 96

title_font:

content:

button_text:

button_link:

text_position_desktop: center

text_position_mobile: center

vertical_position_desktop: middle

vertical_position_mobile: middle

youtube_id:

image_desktop:

image_mobile:

background_color: rgba(0,0,0,0)

has_overlay: false

color_mode: dark

is_visible_desktop: true

is_visible_mobile: true

height: large

width: 1-1

title: Text Panel - Large

show_title: true

title_size: xlarge

title_size_custom: 96

title_font:

content:

XL title size. Height large.

button_text:

button_link:

text_position_desktop: center

text_position_mobile: center

vertical_position_desktop: middle

vertical_position_mobile: middle

youtube_id:

image_desktop:

image_mobile:

background_color: rgba(0,0,0,0)

has_overlay: false

color_mode: dark

is_visible_desktop: true

is_visible_mobile: true

height: viewport

width: 1-3

title: Text Panel - VH, 1/3 Width

show_title: true

title_size: small

title_size_custom: 96

title_font:

content:

Left aligned desktop

button_text:

button_link:

text_position_desktop: left

text_position_mobile: center

vertical_position_desktop: bottom

vertical_position_mobile: top

youtube_id:

image_desktop:

image_mobile:

background_color: #00f5ff

has_overlay: false

color_mode: dark

is_visible_desktop: true

is_visible_mobile: true

height: viewport

width: 1-3

title: Text Panel - VH, 1/3 Width

show_title: true

title_size: medium

title_size_custom: 96

title_font:

content:

With some content

button_text:

button_link:

text_position_desktop: center

text_position_mobile: center

vertical_position_desktop: middle

vertical_position_mobile: middle

youtube_id:

image_desktop:

image_mobile:

background_color: #0024ff

has_overlay: false

color_mode: dark

is_visible_desktop: true

is_visible_mobile: true

height: viewport

width: 1-3

title: Text Panel - VH, 1/3 Width

show_title: true

title_size: small

title_size_custom: 96

title_font:

content:

Right aligned desktop, with overlay

button_text:

button_link:

text_position_desktop: right

text_position_mobile: center

vertical_position_desktop: middle

vertical_position_mobile: middle

youtube_id:

image_desktop:

image_mobile:

background_color: #00ff2e

has_overlay: true

color_mode: dark

is_visible_desktop: true

is_visible_mobile: true

height: inherit

width: 1-2

title: Image Panel: 50%, Content

show_title: true

title_size: medium

title_size_custom: 96

title_font:

content:

button_text:

button_link:

text_position_desktop: center

text_position_mobile: center

vertical_position_desktop: middle

vertical_position_mobile: middle

youtube_id:

image_desktop: files/WOMENS_dresses.jpg

image_mobile:

background_color: rgba(0,0,0,0)

has_overlay: true

color_mode: light

is_visible_desktop: true

is_visible_mobile: true

height: inherit

width: 1-2

title: Image Panel: 50%, Content

show_title: true

title_size: medium

title_size_custom: 96

title_font:

content:

button_text:

button_link:

text_position_desktop: right

text_position_mobile: center

vertical_position_desktop: middle

vertical_position_mobile: middle

youtube_id:

image_desktop: files/WOMENS_shoes.jpg

image_mobile:

background_color: rgba(0,0,0,0)

has_overlay: true

color_mode: light

is_visible_desktop: true

is_visible_mobile: true

height: inherit

width: 1-1

title: Title

show_title: false

title_size: large

title_size_custom: 96

title_font:

content:

Separator

Panel

button_text:

button_link:

text_position_desktop: center

text_position_mobile: center

vertical_position_desktop: middle

vertical_position_mobile: middle

youtube_id:

image_desktop:

image_mobile:

background_color: rgba(0,0,0,0)

has_overlay: false

color_mode: dark

is_visible_desktop: true

is_visible_mobile: true

height: viewport

width: 1-1

title: Viewport Height

show_title: true

title_size: large

title_size_custom: 96

title_font:

content:

Note that the sticky menu is not considered in the viewport height calculations

button_text:

button_link:

text_position_desktop: center

text_position_mobile: center

vertical_position_desktop: top

vertical_position_mobile: bottom

youtube_id:

image_desktop: files/Summer_Favs_women.jpg

image_mobile:

background_color: rgba(0,0,0,0)

has_overlay: true

color_mode: light