Home Page Photos

Last Update: September 14th, 2021

Home Page Photos display on the public side home page. They can be used to direct users to specific areas of the website (such as programs, department information, or memberships) or to outside websites (municipal site, social media, etc). This helps save the users time finding what they're looking for! This area features an image (either your own, or from our free photo pool) with some descriptive text underneath, and a call-to-action button to help direct the user. 

To add, edit, or delete home page photos on the management side, click Home Page > Home Page Photos in the left-hand navigation

To add a new home page photo:

  1. Click Add New Home Page Photo in the top left corner.
  2. Enter the description. This text will appear below the image on the public side.
    • To keep pages from getting too long, home page photo descriptions are limited to four lines of text. Make sure to check the public side after adding/changing a description to ensure it doesn't get cut off.
  3. If desired, you can enter a URL for the photo. The user will be brought to this link when they click on the photo.
  4. Enter the text you'd like reflected on the button in the Button Label field, and the link to where the button should go in the Button Hyperlinkfield.
    • Button text is cut off after 15 characters.
    • It's best practice to use the same link for the photo and the button.
    • If you are linking within your MyRec.com site, leave Open in New Tab unchecked. If you are linking outside the site, check that option so the user can easily navigate back.
  5. Set a Start Date and an End Date for the home page photo to appear (optional).
  6. Click Select a Photo from Photo Pool.
    • To use a stock photo, select the Photo Pool radio button, then pick a category and click on the image you want to use.
    • To upload your own photo:
      • Click Upload New Photo in the top right corner of the pop-up window.
      • Click Choose File, navigate to the file on your computer and click Open, then click Next.
      • You will be prompted to crop your image. Click and drag the shadow box to the area you want to crop. Please note that if you do not crop your photo, part of it will be cut off on the public side. Click Next when you're done cropping.
      • Select a category and add a caption to the photo, then click Save Image.
  7. When all the required information is entered, click Submit.