Page Banner Slideshow

This component allows you to create a rotating picture slideshow. The recommended dimensions for this component is 1920x390. Anything larger may risk getting cut off at the top, bottom, or edges. To learn how to use this component, visit out Training Videos page for the Picture / Page Banner / News Slideshow Tutorial. This component can only work in the full width dropzone like this.

Page Banner

This component allows you to place an image what will stretch the width of the page. The recommended dimensions for this component is 1920x390. Anything larger may risk getting cut off at the top, bottom, or edges. This component can only work in the full width dropzone like this.

Page Banner

Still image banner with space for a headline and a subtitle

Media Based Components

Audio Player

This component allows you to add mp3, ogg, or wav audio files onto your page. You still need to upload the mp3 files into the DAM to be able to use them.

Contact Information

This component is frequently used to display a department's or office's contact information. It can be used with a photo (shown below) or without a photo (shown below the left navigation).

Department s Title

Department's Title

Department's Address
Bowling Green, OH
419-352-0000
bgsu@bgsu.edu
www.bgsu.edu

This is some additional information added to the end. It could be office hours or other related info.

Picture Slideshow

This component allows you to add a collection of photos that users can slide through. If you want to learn how to make this slideshow, watch the Picture/Page Banner/News Slideshow Tutorial on our Training Videos Page. Also make sure that all of the images are the same size, we frequently use the dimensions 840x311.

Callout Box

Callout Box Title

This component allows you to have an image, title, description, and a call to action link. This is frequently used as a teaser for news stories and will link to the full story on a different page.

Download

This component allows users to download a specific file.

* CMS-Guide.pdf
For accessibility reasons, you should always provide a description as to what the file is if the title is not descriptive enough.

Image

This component allows users to add a photo, crop it, rotate it, link it, add descriptions and more.

university-seal

Photo Gallery

Skip photo gallery

Text

Image Styles:

The text component is extremely versatile and allows you to add images into the mix. Along with being able to use images, you can also apply styles to an image to achieve a certain look.

Image with no styles

BGSU Seal

Remove Margins on Image is applied to the image below and you can see that there is equal spacing between the image and the edge of the gray background area.

BGSU Seal

BGSU SealText caption for "Image Caption LeftImage Caption Left is applied to the image below and you can see that the image has shifted to the left and text below the image is a smaller, thinner, and aligned to the bottom left of the image. To apply this, highlight both the image and caption then apply the style. The nice thing about this style on an image is that the rest of the text is still able to wrap around it.

BGSU SealText caption for "Image Caption Right"Image Caption Right is applied to the image below and you can see that image has shifted to the right and the text below the image is a smaller, thinner, and aligned to the bottom left of the image. To apply this, highlight both the image and caption then apply the style. The nice thing about this style on an image is that the rest of the text is still able to wrap around it.
 

Image Caption Full is applied to the image below and you can see that the image has now gone full width and the text below the image is a smaller, thinner, and aligned to the bottom left of the image . To apply this, highlight both the image and caption then apply the style.

BGSU SealText caption for "Image Caption Full"

Text & Image

university-seal

This components allows you to put text and image in the same component with all capabilities of the text component and the image component.

Staff Profile

rogers-small

Person's Name

  • Position: Person's Position
  • Phone: Person's Phone Number
  • Email: Person's Email Address
  • Address: Person's Work Address

This is some additional information added to the end. It could be a person's biography or information on conducted research.

Video File Player

This component allows you to use your own videos that you uploaded to the DAM. Using this component with a big video file make cause your webpage to slow down.

Video Player

This component allows users to add Youtube or Vimeo videos to the webpage without slowing down the webpage. Watch the Video Player Tutorial on our Training Videos Page to learn how to use the component.

Video with Paragraph

Title for Video with Paragraph

This component allows you to add a paragraph of text to the right of a Youtube or Vimeo video.

CMS Contact

419-372-2378

If you have any issues or questions; please fill out our Web Questions/Concerns form.

News Slideshow

This component allows you to build a rotating slideshow of Callout Boxes. If you want to learn how to make them, please watch the Picture/Page Banner/News Slideshow Tutorial on our Training Videos page. Also make sure that all of the images are the same size, we frequently use the dimensions 840x311.

Demetria's Story

Demetria's Story

Demetria Graham is dedicated to helping others achieve their fitness goals through Group X.

Read More
HIV TESTING

HIV TESTING

Testing service is completely free and confidential at the Wellness Connection.

Read More
Andrew Kuebeck, Personal Training Testimonial

Larissa's Story

Larissa Leck, Recreation and Wellness Lifeguard Class Participant, shares her success story. 

Read More
Late Night at the Perry Field House

Late Night Programming

Have fun throughout the year at RecWell Late Night activities.

Read More

Updated: 10/12/2021 03:59PM