Style Guide - Full-Width Components
This page of Full Width Callout Block examples will help in understanding how to add them to pages throughout the site below the page content.
Available Full Width Callout Blocks
| Content Blocks w/Photo Carousels | Events Carousel | Featured Custom Event/News Callout |
| Large Photo Carousel | Link List | Media Gallery Grid |
| Multi-Column Text Callouts (Red) | News & Events | News Headlines |
| People Carousel | Story Callouts with Sidebar | Story Carousel |
| Text Callouts with Red Sidebar | Tips & Answers | Triple-Column Image Callouts |
Some helpful tips:
- Full width callout blocks can be stacked and rearranged. Click the blue crosshair arrows on a callout card, and drag to reorder them. They will automatically stack on the published page.
- When editing, pay attention to gray help text for tips throughout BigTree.
- Avoid trapped white space--full-width callout blocks start below the navigation menu on the right side (on large browser screens.)
- Student quotes are good to use in callout blocks.
Content Blocks w/ Photo Carousels
Introduction LinksBlocks
Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas faucibus mollis interdum. Curabitur blandit tempus porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis euismod semper.
March 26
OWU Students: Spring Break Service Teams and Wilderness Treks Celebration
6 p.m. – 7 p.m.
More Information
March 28
Ohio Wesleyan University Men's Track & Field at WashU Distance Carnival
11:45 a.m. – 2:45 p.m.
More Information
March 28
Ohio Wesleyan University Women's Track & Field at WashU Distance Carnival
11:45 a.m. – 2:45 p.m.
More Information
Secondary Title Date
Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas faucibus mollis interdum. Curabitur blandit tempus porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis euismod semper.
Large Photo Carousel
You can caption your photos. Try to avoid text overlay on photos.
Additional Image
Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas faucibus mollis interdum.
Media Gallery Grid
Image— Can have more than 5 pictures--just set your photos to randomize
Image
Can have more than 5 pictures--just set your photos to randomize
YouTube Video— Caption
YouTube Video
Caption
Image— Can have more than 5 pictures--just set your photos to randomize
Image
Can have more than 5 pictures--just set your photos to randomize
Image— Can have more than 5 pictures--just set your photos to randomize
Image
Can have more than 5 pictures--just set your photos to randomize
Image— Can have more than 5 pictures--just set your photos to randomize
Image
Can have more than 5 pictures--just set your photos to randomize
Multi-Column Text Callouts (Red)
News Headlines (choose a category or pull from all news)
'People Matter'
Press Release – March 25, 2025
Ohio Wesleyan Graduate, Company CEO to Present Heisler Business Ethics Lecture on April 8
More information
Poems & 'Pericles'
Press Release – March 25, 2025
Join Ohio Wesleyan University for Poetry Readings, Book Signings, and a Shakespeare Lecture
More information
'Human Generated'
Press Release – March 18, 2025
'Crucial' Career-Builder
Make The Connection – March 17, 2025
Opportunities Abound
Press Release – March 13, 2025
More News Headlines
Full Name
Title
Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas faucibus mollis interdum. Curabitur blandit tempus porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis euismod semper.
Full Name
Title
Nibh ultricies vehicula ut id elit. Maecenas faucibus mollis interdum. Curabitur blandit tempus porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis euismod semper.
Full Name
Title
Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas faucibus mollis interdum. Curabitur blandit tempus porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis euismod semper.
Text Callouts with Red Sidebar
Tips & Answers
Refresh Tips
Tip
Brains need fuel—not boredom. From astrophysics to creative writing, Ohio Wesleyan's more than 70 programs of study have you covered, even allowing you to create personalized majors for your specific interests. How will you create your future?
View majorsQuestion
What are the Club and Service Fairs?
Answer
These events offer perfect opportunities to learn about everything to do on campus and in the community. With over 90 clubs and organizations combined with community events and volunteer opportunities, you won't be bored at OWU.
Get plugged inQuestion
How are students represented geographically?
Answer
OWU students represent 40 US states and territories as well as 27 countries around the globe including Ghana, Brazil, Greece, India, Thailand, and Japan.
Fast Facts about OWU's Student Body
Tip
Eat free before finals at Late Night Breakfast and you'll even be served by your favorite OWU professors, staff, and the president!
Triple Column Callout
This callout block supports formatted text.
- You have a little more flexibility with it!
Second Title Callout
Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas faucibus mollis interdum. Curabitur blandit tempus porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis euismod semper.
Third Title Callout
Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas faucibus mollis interdum. Curabitur blandit tempus porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis euismod semper.
CONTACT INFO
Location
Office of University Communications
4 Williams Drive
61 S. Sandusky St.
Delaware, OH 43015
4 Williams Drive
61 S. Sandusky St.
Delaware, OH 43015