The Control Center allows you to customize what is shown in Edit Mode to customize your experience. Here you can adjust what is shown or hidden in the Control Center itself, where you can show / hide the contents of the Icons, Elements, Breakpoints and Drop Zone sections. This can help minimize the space taken up by these items when you're not actively editing them.

We've also included the ability to show / hide the version number of the Bootstrap install that is included in Foundry. This is off by default, but when enabled will be shown below the Foundry version number in Edit Mode.

Additionally you can toggle the Edit Mode background on / off. We've added this option to make for a cleaner display of the Edit Mode experience and help the colors of the Foundry tools standout. When Edit Mode Background is turned on you'll also receive a color picker for adjusting this to your liking.

Many of the Foundry tools include an option to "Include Base Margin" when configuring them. The base margin is a small amount of margin that is applied to the bottom of elements to make things more visually pleasing and create a uniform spacing and flow to your pages.

The settings below allow you to adjust that Base Margin for the entirety of the page.

Here you can choose the unit of measure used in sizing the Base Magin settings.

These 6 fields allow you to adjust the sizing of the Base Margin for each breakpoint individually. This gives you a great deal of control over the design of your page.

Allows you to set your fonts to be anti-aliased in Webkit-based browsers. This allows the browser to smooth out the font, removing jagged edges and curves for a more streamlined look.

Adjust body font settings below with CAUTION as they affect everything on the page. We highly recommend leaveing these as-is for the most part.

Here you can override the base font for the entire page. By default we use the visitor's System Font for the base font, which we feel is the best approach and saves bandwidth and page loading time.

Allows you to use one of Foundry's presets from the color palette or extended color palette, as well as the grey, white and dark preset values for styling the page's base font. You're also provided an option to choose a custom one-off color as well.

This style is applied to the entire page as the default underlying base font color. Generally the Foundry "Dark" setting, which is the default option, is a great choice as it is not completely black as that can aften seem too harsh when reading a webpage.

Here you can adjust the base font size for the page. It is almost always best to leave this set to the default 1.0rem and instead alter the font size of individual elements on the page. The reason being is that this setting has an affect of the sizing of not only the base font, but other elements which base their size off of the default base font value as well.

Allows you to change the default weight of the base font for the entire page. It is almost always best to leave this set to the default setting of 400.

Allows you to change the default line height of the base font for the entire page. It is almost always best to leave this set to the default setting of 1.5 as this setting has an effect on not only the base font itself, but other elements on the page that use the base font line height.

Here you can override the base font for the headers on the entire page. By default we have headers inherit their font from the base font. If you'd like something different from the base font for all of your headers you can make that change here, or simply change it within the individual Foundry tools themselves.

Here you'll find 6 different sections of settings for customizing the default sizing of the various header tags. Foundry has a set of default size values built-in, but you can enabled a custom sizing option for any of the 6 header tags indiviually.

When you enable one of these custom tag sizing checkboxes you'll be able to adjust the sizing for that header tag at each of the 6 responsive breakpoints. This gives you a great deal of control and versatility if you happen to need it.

Allows you to change the default weight of the headers for the entire page. The default value here is 500.

Allows you to change the default line height of the headers font for the entire page. The default value for the headers line height is 1.5, just the same as the base font.

This section allows us to customize some of the various aspects of elements found within the Paragraph tool on a page-wide basis.

Allows you to customize the font weight of the Lead Paragraph setting that is found within the Paragraph tool. This can help set it apart from the rest of the paragraph.

Allows you to customize the line height of the Lead Paragraph setting that is found within the Paragraph tool. This can help set it apart from the rest of the paragraph. We usually recommend leaving this at the default 1.5 setting, but can be customized to your liking.

When enabled you will be given 6 different fields for customizing the font size of the Lead Paragraph setting that is found in the Paragraph tool. This gives you the ability to set a custom font size for the Lead Paragraph option at each of the 6 responsive breakpoints.

Foundry has special styling for the <mark></mark> tag pair. We provide an example of this tag pair in the Paragraph tool's settings that you can use as a reference when writing your Paragraph content.

The mark tag pair is used to highlight specific, relevant text within the page's content.

These two settings allow you to use one of Foundry's presets from the color palette or extended color palette, as well as the grey, white and dark preset values for styling the mark tag pair's background and text colors. You're also provided an option to choose a custom one-off color as well.

Foundry has special styling for the <kbd></kbd> tag pair. We provide an example of this tag pair in the Paragraph tool's settings that you can use as a reference when writing your Paragraph content.

The keyboard (kbd) tag pair is used to denote textual user input from a keyboard, voice input, or any other text entry device.

These two settings allow you to use one of Foundry's presets from the color palette or extended color palette, as well as the grey, white and dark preset values for styling the keyboard (kbd) tag pair's background and text colors. You're also provided an option to choose a custom one-off color as well.

Here we provide two drop downs that let you style how the text decoration, or underline on your normal links, and those links when hovered over, appear. You can choose to turn the decorative underline on or off for either, independent of one another.

Allows you to use one of Foundry's presets from the color palette or extended color palette, as well as the grey, white and dark preset values for styling links on your page. You're also provided an option to choose a custom one-off color as well.

We offer two settings here – an normal style, and a hover style.

Allows you to use one of Foundry's presets from the color palette or extended color palette, as well as the grey, white and dark preset values for styling the text decoration, or underlines on your links, for this page. You're also provided an option to choose a custom one-off color as well.

We offer two settings here – an normal style, and a hover style and they can be set independent of one another. By default we've matched these settings to those of the default colors of the link and hover link colors.

Here you can choose the size, or thickness, of the text decoration's underline for your page's links.

Allows you to adjust the distance of the underline from the bottom of your linked text.

Allows you to specifiy what type of mode you'd like to use for the background of the webpage as a whole. Below is a look at the availble style modes for the Site Background.

Throughout Foundry's tools you'll often find presets for applying rounded corners, or border radius values, to elements of your page. This is a handy way to keep things consistent and makes for quicker site building.

Foundry has its own built-in defaults for these presets, but if you'd prefer to provide your own custom border radius values for the Rounded Corners presets you can enable this feature and provide them.

You'll be given 5 fields for setting your custom values for each of the 5 Rounded Corner presets.

Throughout Foundry's tools you'll often find controls for applying drop shadows (box-shadows) as well as text shadows to various elements on your page. These controls usually have a few presets to choose from, in addition to a custom one-off setting.

One of the presets is "Preset User Shadow (Control Center)." That option pulls in the values and color from this sizing and shadow color picker below. This allows you to make a custom shadow preset that will be availble page-wide.

This setting allows you to adjust the positioning, size, spread of your custom user preset shadow.

Heres you can change the color of your custom user preset shadow using a color picker. You're also able to adjust its opacity within the color picker as well.

When enabled an HTML Comment is added to the code to credit Foundry as the framework that was used in building the page.

Within the Control Center tool, we've made it so that certain libraries are not loaded unless you specifcally ask for them to be. This cuts down on unused code and will help create faster loading, cleaner pages.

Here you can choose which font icon library you'd like to use on your page. We've included two widely used, and very nice looking libraries for you to pick from – the Bootstrap Icons library and the free version of the FontAwesome 5 library. You can also simply delete the child item in this section and no icon library will be loaded for this page.

We highly recommend the Bootstrap Icons library if you're using one. It is much more lightweight than FontAwesome and contains nicely designed, modern icons.

This section allows us to load several different child items for styling various page elements. You can learn about each of them below.

This column is simply used as reference. Since Foundry now has 6 responsive breakpoints we wanted to provide a quick way to reference the page / device widths associated with each breakpoint.

When the Control Center's Drop Zone option is enabled, we provide an area inside the Control Center where you can add other Foundry tools. This is most often used in conjunction with Typeface, and allows easier combining of elements that will be lumped together in a Partial for example and reused throughout the site.

IMPORTANT. All contents in this drop zone WILL BE published when you publish your site.