Photos

Photo snippets can be used all all page types. The display of background art is dependent upon page type.

These Snippets contain some preconfigured styles that cannot be altered. Some of these Snippets also use customizable "nested" snippets. The nested snippets cannot be used as standalone features.

To insert a Photo Snippet:

  1. When in Edit mode, place your cursor at the location you want to add this feature.
  2. From the editing toolbar, select "Insert Snippet."
  3. Sort Snippet categories to "[Fierce] Photos."
  4. Click the Photo Snippet you want to insert and select "Insert."

[Fierce] Card Section

Recommended Image Size: 570x300px

The background color for this snippet cannot be changed. 

This snippet does not support any nested snippets.

This snippet contains the following customizations:

  • title
  • image
  • content
Some alt text

Parturient Montes

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut eu sem integer vitae. Sed elementum tempus egestas sed sed risus pretium quam.

Mi Tempus

Some alt text

Viverra Justo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac turpis egestas maecenas pharetra convallis posuere morbi. Blandit massa enim nec dui.

Feugiat Scelerisque

Gravida Dictum

Some alt text

Parturient Montes

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut eu sem integer vitae. Sed elementum tempus egestas sed sed risus pretium quam.

Mi Tempus

Some alt text

Viverra Justo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac turpis egestas maecenas pharetra convallis posuere morbi. Blandit massa enim nec dui.

Feugiat Scelerisque

Gravida Dictum


[Fierce] Feature Photo Section Text Box Left

Recommended Image Size: 1400x800px

This snippet does not support any nested snippets.

This snippet contains the following customizations:

  • background image (full-width)
  • title
  • content

Pretium Quam Vulputate

commodo viverra maecenas accumsan lacus

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempus imperdiet nulla malesuada pellentesque elit eget. A diam sollicitudin tempor id eu nisl. Curabitur gravida arcu ac tortor. Sagittis id consectetur purus ut faucibus. Elementum curabitur vitae nunc sed velit dignissim. Nulla aliquet enim tortor at auctor urna nunc id.

Pellentesque


[Fierce] Feature Photo Section Text Box Right

Recommended Image Size: 1400x800px

This snippet does not support any nested snippets.

This snippet contains the following customizations:

  • background image (full-width)
  • title
  • content

Pretium Quam Vulputate

commodo viverra maecenas accumsan lacus

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempus imperdiet nulla malesuada pellentesque elit eget. A diam sollicitudin tempor id eu nisl. Curabitur gravida arcu ac tortor. Sagittis id consectetur purus ut faucibus. Elementum curabitur vitae nunc sed velit dignissim. Nulla aliquet enim tortor at auctor urna nunc id.

Pellentesque


[Fierce] Photo Grid

Recommended Image Size: 600x420px (for large image) & 300x210px (for small image)

Uses the Purple Overlay (Nested) snippet.

The background color for this snippet cannot be changed. 

This snippet contains the following customizations:

  • heading
  • left column
    • one large image
    • [OPTIONAL] image disclosure icon, Purple Overlay (Nested), to provide more information about the image
      • can be positioned: 
        • top
        • bottom
  • right column
    • four smaller images
    • [OPTIONAL] image disclosure icon, Purple Overlay (Nested), to provide more information about the image
      • can be positioned: 
        • top
        • bottom
  • call-to-action buttons

Sit amet consectetur adipiscing elit

Alt text

alt text description

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

ut consequat

 alt text description

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

vitae tortor

alt text description

alt text

 


[Fierce] Photo with Caption

The snippet does not support any nested snippets.

This snippet contains the following customizations:

  • image
    • can be positioned:
      • left
      • right
      • full-width
  • [OPTIONAL] caption
  • [OPTIONAL] photo credit

Full-width

Placeholder Image

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

– Photo Credit

Floated Left

Placeholder Image

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

– Photo Credit

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mollis aliquam ut porttitor leo a diam sollicitudin tempor. Tincidunt vitae semper quis lectus nulla at volutpat diam. In pellentesque massa placerat duis ultricies lacus sed turpis tincidunt. Nisi vitae suscipit tellus mauris. Quis varius quam quisque id diam vel quam. Feugiat in ante metus dictum at tempor. Tincidunt vitae semper quis lectus nulla at volutpat. Dictum sit amet justo donec enim diam vulputate ut. Amet est placerat in egestas. Urna condimentum mattis pellentesque id nibh tortor id. Hendrerit dolor magna eget est lorem ipsum dolor sit amet. Nulla facilisi nullam vehicula ipsum a arcu. Amet nisl suscipit adipiscing bibendum est ultricies integer quis auctor. Cras fermentum odio eu feugiat.

Important! The style "clear left-right" has been added to this paragraph to prevent the content that follows from wrapping to the right of the image.

Floated Right

Placeholder Image

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

– Photo Credit

Zydeco bourre pirogue po-boy lagniappe. Po-boy downtown bourre jambalaya file ca c'est bon beer King Cake. Beer viens ci sugar cane boudin catahoula trail ride boiled crawfish. Mardi Gras Fauxcheaux fishing downtown sauce piquante Mardi Gras trail ride. Bayou bayou tasso trail ride hot sauce boudin cher zydeco andouille. Fishing Mardi Gras praline po-boy fais do do couillon. 

Important! The style "clear left-right" has been added to this paragraph to prevent the content that follows from wrapping to the right of this text. 


[Fierce] Two Column Photo Feature

Recommended Image Size: 600x400px

Uses the Two Column Photo Feature Item (Nested) snippet.

The background color for this snippet cannot be changed.

Photo Grid consists of a left column and a right column; additional columns cannot be inserted. Each column contains Two Column Photo Feature Item (Nested).

Image
Image

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

Malesuada Proin

[Fierce] Photo Sidebar Section - Container

Recommended Image Size: 600x400px

This snippet can be used to display a static image with supplemental text or it can be used to display a photo carousel.

Static Image

Photo Sidebar Section contains several background options:

  • Dark (dark gold, light gold, purple background with white text)
  • Tiger (gold tiger stripe, light gold, white background with purple text)
  • Dark Tiger (gold tiger stripe, light gold, purple background with white text)

This snippet contains the following customizations:

  • background style
  • image
  • [OPTIONAL] Watch Video (Nested) button
  • content

Photo Carousel

To use activate the carousel, delete the static image and replace it with the Snippet "[Fierce] Photo Sidebar Section - Carousel Item (Nested)". You will need to insert at least two images. The nested snippet supports supplemental text for image used in the carousel.

When using this snippet as a carousel, the content in the right column will not be displayed when published, it may be removed.

Photo Sidebar Section contains several background options:

  • Dark Carousel (gold landscape, light gold, white text background)
  • Tiger Carousel (gold tiger stripe, light gold, white background with purple text)
  • Dark Tiger Carousel (gold tiger stripe, light gold, purple background with white text)

This snippet contains the following customizations:

  • background style
  • 2 or more Photo Sidebar Section - Carousel Item (Nested)

Static Image

Alt text

lobortis elementum nibh tellus molestie nunc

gravida rutrum nisi scelerisque in vitae

 

Photo Carousel