Detail Page Example

Art Students do evangelism

This is an example of a detail page using the Article content type. It is a 2 column layout that has a left hand side menu bar and a right hand side content bar. 

The left hand side menu bar can hold the site main menu, or the sibling pages of the page that you're on. This particular page is using the sibling pages so you can easily get to other Page Examples. Which type of menu you use can be edited by going to the Customize Display > Content > Selecting the gear on the menu > Settings > Setting the Starting Level to 2nd for Sibling Pages, and 1 for The whole Main Menu.

This page also illustrates one way that you can layout the images and content. 

First Image on the right

If you upload an image into the Main Image box below, it will automatically be put in the top right. On this page, it's the two girls looking at some artwork on a wall. 

Additional Images

We can place other images on the far right by first inserting the image, clicking on it in the editor, and then hitting the right align button. If we're in the Raw HTML Text format, we can also use the .float-right class as described in the Helpful Classes page.

We can place other images on the far right by first inserting the image, clicking on it in the editor, and then hitting the right align button. If we're in the Raw HTML Text format, we can also use the .float-right class as described in the Helpful Classes page.