![](https://www.owu.edu/files/events/sm_university-hall-with-flag-2.jpg)
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.
![](https://www.owu.edu/files/events/sm_university-hall-with-flag-2.jpg)
![](https://www.owu.edu/files/events/sm_perkins-aerial-8.jpg)
![](https://www.owu.edu/files/events/sm_ohio-wesleyan-aerial-5.jpg)
![](https://www.owu.edu/files/events/sm_ar-big-tree-calendar-size-template-30.png)
![](https://www.owu.edu/files/events/sm_perkins-aerial-9.jpg)
![](https://www.owu.edu/files/events/sm_ar-big-tree-calendar-size-template-29.png)
![](https://www.owu.edu/files/events/sm_perkins-observatory-2-147.jpg)
![](https://www.owu.edu/files/events/sm_perkins-observatory-2-148.jpg)
![](https://www.owu.edu/files/events/sm_rs94137-img-1774-lpr-6.jpg)
![](https://www.owu.edu/files/events/sm_perkins-observatory-2-149.jpg)
![](https://www.owu.edu/files/events/sm_perkins-observatory-2-150.jpg)
![](https://www.owu.edu/files/events/sm_WomenCrossCountry.jpg)
![](https://www.owu.edu/files/callouts/rs6691_30261_1903-lpr.jpg)
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
![](https://www.owu.edu/files/pages/sm_rs41136__y7a3274-lpr-2.jpg)
Image
Can have more than 5 pictures--just set your photos to randomize
![](https://www.owu.edu/files/pages/sm_youtube-video-b004by4upvc.jpg)
YouTube Video
Caption
![](https://www.owu.edu/files/pages/sm_rs46168__mg_3398-lpr-2.jpg)
Image
Can have more than 5 pictures--just set your photos to randomize
![](https://www.owu.edu/files/pages/sm_rs35448_103-lpr-3.jpg)
Image
Can have more than 5 pictures--just set your photos to randomize
![](https://www.owu.edu/files/pages/sm_jim-peoples-luce-foundation-4.jpg)
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)
![](https://www.owu.edu/files/news/sml_marissa-dial-2.jpg)
Literacy Lead
Make The Connection – June 27, 2024
Ohio Wesleyan Student Helps Children Learn English Through Cleveland-Based Program
More information
![](https://www.owu.edu/files/news/sml_island-biology-09.jpg)
Evolving Education
Make The Connection – June 26, 2024
Ohio Wesleyan Students Travel to Galapagos to Complete Semester-Long Study of Island Biology
More information
Family Matters
Make The Connection – June 24, 2024
Mapping Solutions
Make The Connection – June 20, 2024
East Asian Politics
Make The Connection – June 20, 2024
More News Headlines
![](https://www.owu.edu/files/pages/brianna-mack-2.jpg)
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.
![](https://www.owu.edu/files/pages/rs37745_scottareman_owu_shot_eleven_214-lpr.jpg)
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.
![](https://www.owu.edu/files/pages/_mg_8930-2.jpg)
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.
Tips & Answers
Refresh TipsQuestion
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 BodyQuestion
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![](https://www.owu.edu/files/tips/169_sm_columbus_skyline1.jpg)
Tip
OWU is just 30 minutes from Columbus, so it's easy to access all the city has to offer, from pro sports and eclectic restaurants, to major concerts, art galleries, and shopping. Not to mention impressive internships and work experiences. It's no wonder Columbus ranks high for best places to start a career!
Click here to see the 52 places to go in 2019![](https://www.owu.edu/files/tips/169_sm_rs129139-eric-gangloff-faculty-classroom-science.jpeg)
Tip
Brains need fuel—not boredom. From astrophysics to zoology, Ohio Wesleyan's more than 90 programs of study have you covered. And, you can even create your own major. How will you fill up your plate?
View majorsTriple Column Callout
![](https://www.owu.edu/files/pages/32_rs3557_1776_0623-lpr-4.jpg)
This callout block supports formatted text.
- You have a little more flexibility with it!
Second Title Callout
![](https://www.owu.edu/files/pages/32_rs7144_030-2.jpg)
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
![](https://www.owu.edu/files/pages/32_rs41136__y7a3274-lpr-3.jpg)
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
4 Williams Drive
61 S. Sandusky St.
Delaware, OH 43015