*Note: You must enable Tooltips in the Theme variations for the Foundry theme to use Tooltips on a page.
Drag-and-drop your image into the image drop zone.
Choose from four different image styles: Standard, Rounded, Circular, Thumbnail.
Allows you to set the justification of your image. You can set the alignment to Left, Center or Right.
Remove Base Margin
Allows you to disable the preset standard spacing that is applied to the bottom of the Image stack.
Allows you to enable / disable drop shadows for your image.
Disable at Mobile Breakpoint
Used to eliminate the drop shadow on mobile devices.
Set the distance you wish for the shadow to go in the vertical direction. You are able to set a different distance for this offset at each of the breakpoints. You can use either positive or negative numbers for the offset values.
Set the distance you wish for the shadow to go in the horizontal direction. You are able to set a different distance for this offset at each of the breakpoints. You can use either positive or negative numbers for the offset values.
Use this setting to adjust the size of the drop shadow at each of the three breakpoints.
You are able to adjust the color of your drop shadow to match your site’s styling. You can also use the opacity slider to adjust the shadow’s density.
This feature uses modern CSS techniques and is compatible with more modern browsers.
You can opt to apply a CSS-based image filter to your image to give it a bit of an Instagram-esque look. You can choose from over 20 different filter types.
This feature allows you to choose how Foundry displays your image when it comes to responsive sizing. You can choose to have the image display normally, as-is and only scale downwards when the image would otherwise begin to overflow the bounds of its parent container or you can choose one of the following:
Enables you to add a link to your image that goes to an internal page, or an external site.
Provides you a way to add an Alt. Tag to your image. The alt tag is used in HTML to specify alternative text that is rendered when the element to which it is applied cannot be displayed. It is also used by "screen reader" software so that a person who is listening to the content of a webpage (for instance, a person who is blind) can interact with this element.
Allow Overflow on Parent Stacks
Enabling this feature will set the Overflow value of all parent stacks to Visible. This will allow elements, such as drop shadows to be properly shown. This is in the Advanced section due to the fact that setting Overflow to Visible may, in rare corner cases, have an undesired effect on some stacks.
Add a popup tooltip to your Button. These can be enabled on a per-icon basis. You can then set the tooltip text and its location, which can be set to either bottom, top, left or right.
You can opt to use a placeholder image instead of a real image, for mocking up your site. This is good for the early stages of designing your site when you’ve not yet settled on artwork. You can define an height and width for the image, but do note that the placeholder image will be responsively scaled as any other image on your site would be.
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