Skip to main content
Design System
Use / Download Contribute

Full Bleed Photo w/Caption

Insert a full bleed photo with a caption. Useful for breaking up text in a long-form essay or blog article.

Find a bug? Create an issue.
Have an idea for a new component? Tell us.

Full Bleed Photo w/Caption

Introduced in Version 1.0.0

Cheerleaders waving a flag
After I ran into Helen at a restaurant, I realized she was just office pretty we’re starting to formalize flexible opinions around our foundations let's prioritize the low-hanging fruit and minimize backwards overflow out of scope, but time vampire and knowledge process outsourcing.

CleanSlate Implementation Notes What’s this?

When Using a Shared Partial

  • Add a wvu-full-bleed-photo partial to a template.

When Using the Super Template

  • Add a full-bleed-photo component to a slot.

Element Styles

  • If you want to add a background image, upload your image to Files and label the image with {page-slug}-full-bleed-photo-{instance-number}-background.

If you need help customizing your theme, check out our tutorials for creating a CleanSlate theme, creating a CleanSlate template using a WVU Design System component, and using the Super Template. We also have a Beginner’s Guide.