Image Component

This page includes different colors of the image component for easy reference. Some notes on the settings selected are below:

• I have chosen the "compact" setting on them, which reduces the padding above/below the image.
  • When copying this component to another page, you can unselect this on the settings tab if you want increased padding when using the component somewhere on the site.
  • "Compact" is not selected at default, so if you create this block from scratch you will have to select it on the settings tab yourself if you want this decreased padding.

• I have left the "size" setting at standard on them, which controls how much width on the page the content of the component takes up.
  • You can increase this by changing it to "big" or "full width"
  • You can decrease it by changing it to "small" on the settings tab.
  • "Standard" is the default setting if you create this component from scratch on a new page

• I also have included versions with a few different images so you can see it with different image dimensions.
  • I suggest making copies of these blocks with images you will actually use on the site to see how the sizes and dimensions of the image will appear in this block versus some of the other components.