Features

  • Choose from preset or custom colors
  • Add a headeer and footer
  • Include an overlay image with header
  • Insert a header or footer image
  • Insert any combination of child-stacks

Example

Image Image

Header

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Card Stack

Header

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris.

Header

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper platea sit morbi.


A small note here.


Using Card

General

Remove Base Margin
Allows you to disable the preset standard spacing that is applied to the bottom of the Card stack.

Style

Style
Set the color of the Card to match your site using one of Foundry’s color swatch presets or make use of custom color pickers to style the Card stack.

Inverse Text
Inverse the Card’s text colors for use on dark backgrounds. This feature applies a translucent white color to the text to allow it to blend with any dark colored backgrounds.

Header & Footer

Header & Footer
Add a sectioned off header or footer to your Card that can accept customizable text.

Alignment
Allows you to set the justification of the Card’s header or footer text. You can set the alignment to Left, Center or Right. Each can be set independently of one another.

Style
Set the color of the Card’s header and footer section using Foundry’s color swatch presets or make use of custom color pickers to style these sections.

Inverse Header Text
Inverse the Card’s header and footer text color for use on dark background styles. This feature applies a translucent white color to the text to allow it to blend with any dark colored backgrounds.

Image

Top & Bottom Image
Add an image to the top or bottom of your Card. The images will appear just below the header section or just above the footer section if these sections are enabled. Otherwise the will appear at the very top or bottom of the Card, respectively.

Alt Tag.
Define the Alt Tag for your top or bottom image. The Alt Tag provides alternative information for an image if a user for some reason cannot view it.


Equal Height Card Deck
When using the Card stack within a Card Deck stack, you can enable this feature, when using a Bottom Image to ensure that the bottom image will be mounted to the base of the Card no matter what height the Card ends up being due to the equal height nature of the layout.

Overlay Image

Overlay Image
Include an image that overlaps, and is placed at the base of, the top image. This overlaid image is circular shaped. In order for it to be used it requires that you enable the top image as well.

Alt Tag.
Define the Alt Tag for your overlay image. The Alt Tag provides alternative information for an image if a user for some reason cannot view it.

Child Stacks

The Card stack contains several child stacks that help you quickly and easily customize each card to your liking while creating your pages in Foundry. You add these child stacks to your card by clicking the small blue Plus Sign at the bottom of the Card stack and they can be rearranged via drag-and-drop. Card includes the following child stacks:

  • Paragraph
  • Image
  • Link (Inline)
  • List Group
  • Title
  • Slice*
  • Note
  • Divider

*Note: The Slice child stack allows you to insert other stack types within the Card stack. This lets you use most other non-child stacks within your Card.

Sign up for The Forge newsletter

Stay up to date on future versions of Foundry, as well as important news, updates and more!

This site is built using Foundry for RapidWeaver

© 2006-2016 Elixir Graphics | Contact Us