Style Guide: Images (wip)

This is how posting a single image in the middle of the page is depicted. Open the Document Overview pane, to the left of this screen, to see the hierarchy of Groups and Columns.

Be observant, in particular, of the width settings for the Group and Columns. This is important to set.

Notice the image above does not have the customary orange border common to images that can be seen on this site. If the border is needed, use the following instructions to set that Style.

  • Click on the Test Pattern image.
  • Open the Settings Pane to the right.
  • Scroll down and open the Advanced Tab
  • In the Additional CSS Class(es) section, copy and paste the following text string….

ra-simple-image-border

NOTE: If you need a border for anything other than an image, please refer to the Style Guide for Paragraphs. It includes the necessary padding that is needed around a paragraph or non-image that needs a border.