You are here: Parts > Page Element Types > Photos Page Elements > Design Photos for Page Elements

Design Photos for Page Elements

For information about page element parts, see Page Element Types.

1. From the Design tab, select “Photos” in the Display As field.

Note: You can include the Photos page element on a Chapter, Fundraiser, or Personal Page Elements part.

2. In the Display name field, enter a name for the photos section on the page.
3. In the CSS box, enter Cascading Style Sheets (CSS) to override the default style of this element.

Use CSS to create unique elements such as a border for images. CSS is easier to use than other methods such as HTML. Unless you specify a custom style sheet, your website uses default style sheets.

For information about style sheets, see Style Sheets.

4. Upload each image.
a. Under Details, click Add Image. The Select From Image Library screen appears. For information about how to upload an image, see Insert Image.
b. To designate the default image that appears when users do not select one, select Default.
5. Under Slideshow Options, select whether to allow website users to add slideshow captions, enter a default caption, and enter how long to display images during the slideshow.
6. Under Image Options, enter the maximum dimensions for a slideshow image in the Maximum height/width field. This limit defines the height and width of the boundary that contains images but does not directly alter the size of images.

Warning: An image’s number of pixels cannot exceed the number you enter in the Maximum height/width field. For example, if you have an image that is 200 pixels and set this boundary to 500 pixels, the image does not increase to 500 pixels. Conversely, if you have an image that is 500 pixels and set the height/width size to 200, the image shrinks to fit that boundary.

7. In the Image tags field, select the tags to associate with images. Tags are keywords or phrases to identify an image’s content. To create a tag for slideshow images, enter it in the And/or new tag field. For more information about tags, see Tags Tab.
8. Click Save. You return to Parts.