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.
November 2
Ohio Wesleyan University Women's Swimming & Diving at Baldwin Wallace
1 p.m. – 4 p.m.
More Information
November 2
Ohio Wesleyan University Men's Swimming & Diving at Baldwin Wallace
1 p.m. – 4 p.m.
More Information
November 3
Ohio Wesleyan University Women's Cross Country at NCAC championship
11 a.m. – 2 p.m.
More Information
November 3
Ohio Wesleyan University Men's Cross Country at NCAC championship
12:15 p.m. – 3:15 p.m.
More Information
November 3
Ross Art Museum: Family Fossil Fun, Story time, and Fossil Rubbing
2 p.m. – 4 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)
Block One
Good for (plain) text only stories (no formatting supported.)
Block Two
Should have a short blurb and link to the full story.
Block Three
Should only have three blocks.
News Headlines (choose a category or pull from all news)
Disruption!!
Press Release – October 31, 2024
Ohio Wesleyan University's 2025 Melvin Van Peebles Symposium to Showcase Black Art and Culture
More information
'Delve Deeper'
Make The Connection – October 30, 2024
Ohio Wesleyan Sophomore Explores E-Cigarette Use, Plans Future Oral Cancer Research
More information
Resume Ready
Feature Story – October 30, 2024
Exploration of Movement
Press Release – October 28, 2024
Israeli-Palestinian Conflict
Press Release – October 24, 2024
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 TipsQuestion
What has the incoming class already accomplished?
Answer
The class of 2028 came in with huge talents, accomplishments, and already impressive resumes. Eight were valedictorians, and four were salutatorians of their high school class. One founded a community lacrosse club team that raised nearly $2,200 for cancer research. One spent six months teaching children's music in Greece. One interned at the Columbus Zoo and Aquarium and was on a team that won an award at a national film festival. Way to go, Bishops!
More fun factsQuestion
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 in
Tip
When planning a campus visit, make sure to check out University Hall. There's a flag hanging for each country represented in the student body.
Question
What is First Year Seminar?
Answer
We call it, "How to Change Your World." It's an interdisciplinary course for first-year students. First Year Seminar brings together the newest class of Bishops with faculty from across OWU to explore complex questions that are both immediate and enduring.
More informationTriple 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