Rainbow over Lake Monona

The Hero Content Area is 1600 pixels wide and 500 pixels in height. We recommend using images that are cropped to this size for consistency.

Faulty at Grand Rounds

This is what happens if the Hero Image is sized differently. (By the way, this is Inset Text. It's optional. You can add a link. 155 character limit!!)

Close-up of two providers in surgical gear leaning over a specimen during an oculoplastics course.

HEADLINE OPTION: Nationally-Acclaimed Oculoplastic Training

Learn More

This is a plain Text Block. Text, images, forms, links and button links can be added to these. What you are reading is set as “Paragraph” or plain text in the UW Theme font selector.

The title set at the top of the page is Heading 1.

This Heading 2…

Heading 3…

Heading 4…

Heading 5…
and Heading 6!

These are some of our text options. We can also do bold and italics, but these are not to be confused with headings. Headings create a structure for screen readers to navigate so people can move between sections of information more easily. Or else they are forced to listen to full pages of information.

This is a Block Quote. It’s an in-line text editor feature.

“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.”

HEADLINE FOR QUOTE

This is the Stylized Quote element available in the UW Theme. All text in this box will be center aligned.

Karo Barsamian

We can do Two Column Content Layout. Text Blocks, Accordian Panels, Document Listings, Embed Content, Featured Content Blocks, Group of Links, Images, Posts Listing, Action Hook for Child Theme, and Today.wisc.edu Events are available elements to all column layouts. Another thing to keep in mind!

Note:  This Text Block has the UW Theme’s Drop Shadow style setting applied to it.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Note: This Text Block has UW Card Style applied to it.

 

HEADLINE FOR TEXT BLOCK WITH BADGER RED BACKGROUND

WiscWeb – Image Sizing Recommendations for Page Elements

This document details the recommended image sizing (in pixels) for various in-page elements that are available in the UW Theme.

Alternating Content Boxes

900×600 pixels

Faculty/Staff Listing

This is a bit based on preferences, but we recommend either 400×400 or 350×250 at 72ppi
**Images will resize based on number of columns chosen and aspect ratio chosen for display

Featured Content Block

One Column Layout: Can change based on your design preferences

Two Column Layout: 900×600 pixels

Three Column Layout: 900×600 pixels

Featured Image (Post)

Default thumbnail size

Hero Image/Carousel

1600×500 pixels

Image Carousel

900×600 pixels

Image Gallery

Can change based on your design preferences
**Images will resize based on number of columns chosen. Images will appear full sized when clicked.

Post Listing

Default thumbnail size

Image Sizing for Higher Density Screens

At this time, the UW Theme does not deliver higher density images to higher density screens (i.e. retina displays) due to the trade-offs in performance, as well as the accessibility of larger images for those with rural internet connections or those who rely almost exclusively on mobile.

The service may reconsider support for this in the future. If you have a need for high density image support, please consider submitting a feature request to our Feature Request Board: WiscWeb – Submit a Feature Request.

Below is a Three Column Content Layout 

  • First Column Page Element: Featured Content Block, which allows for a post or page feature inside of the element
  • Second Column Page Element: Image, which allows us to show a caption
  • Third Column Page Element: Embed Content, which has you add a video URL

Note: This Text Block has both Drop Shadow AND UW Card Style applied.

Below is an Image Gallery.

Posts Listing

  • Test Post #4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tincidunt tortor aliquam nulla facilisi cras fermentum. At varius vel pharetra vel turpis nunc eget lorem …

  • Test Post #3

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tincidunt tortor aliquam nulla facilisi cras fermentum. At varius vel pharetra vel turpis nunc eget lorem …

  • Ninja Forms Test Post

    [ninja_form id=1]

  • Hello world!

    Welcome to UW DOVS Sites. This is your first post. Edit or delete it, then start blogging!

  • More News

Documents Listing

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tincidunt tortor aliquam nulla facilisi cras fermentum. At varius vel pharetra vel turpis nunc eget lorem dolor. Pretium fusce id velit ut tortor pretium viverra suspendisse. Sodales ut eu sem integer vitae justo eget magna fermentum. Netus et malesuada fames ac turpis egestas maecenas. Suspendisse faucibus interdum posuere lorem ipsum dolor sit amet consectetur. Volutpat maecenas volutpat blandit aliquam etiam. Feugiat pretium nibh ipsum consequat nisl vel pretium lectus. Lorem sed risus ultricies tristique nulla aliquet enim tortor at. Sit amet consectetur adipiscing elit duis tristique sollicitudin nibh sit. Donec enim diam vulputate ut pharetra sit. Id volutpat lacus laoreet non.

Tincidunt praesent semper feugiat nibh sed pulvinar. Molestie ac feugiat sed lectus. Cras pulvinar mattis nunc sed blandit libero volutpat sed cras. Cursus risus at ultrices mi tempus. Eget est lorem ipsum dolor sit amet consectetur adipiscing elit. Dolor sed viverra ipsum nunc aliquet bibendum enim. Feugiat sed lectus vestibulum mattis. Nunc congue nisi vitae suscipit tellus mauris a diam. Eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada. Eget nulla facilisi etiam dignissim diam quis. Cursus metus aliquam eleifend mi in nulla. Nunc aliquet bibendum enim facilisis gravida. At lectus urna duis convallis convallis tellus. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Blandit cursus risus at ultrices mi tempus. Malesuada pellentesque elit eget gravida.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tincidunt tortor aliquam nulla facilisi cras fermentum. At varius vel pharetra vel turpis nunc eget lorem dolor. Pretium fusce id velit ut tortor pretium viverra suspendisse. Sodales ut eu sem integer vitae justo eget magna fermentum. Netus et malesuada fames ac turpis egestas maecenas. Suspendisse faucibus interdum posuere lorem ipsum dolor sit amet consectetur. Volutpat maecenas volutpat blandit aliquam etiam. Feugiat pretium nibh ipsum consequat nisl vel pretium lectus. Lorem sed risus ultricies tristique nulla aliquet enim tortor at. Sit amet consectetur adipiscing elit duis tristique sollicitudin nibh sit. Donec enim diam vulputate ut pharetra sit. Id volutpat lacus laoreet non.

Tincidunt praesent semper feugiat nibh sed pulvinar. Molestie ac feugiat sed lectus. Cras pulvinar mattis nunc sed blandit libero volutpat sed cras. Cursus risus at ultrices mi tempus. Eget est lorem ipsum dolor sit amet consectetur adipiscing elit. Dolor sed viverra ipsum nunc aliquet bibendum enim. Feugiat sed lectus vestibulum mattis. Nunc congue nisi vitae suscipit tellus mauris a diam. Eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada. Eget nulla facilisi etiam dignissim diam quis. Cursus metus aliquam eleifend mi in nulla. Nunc aliquet bibendum enim facilisis gravida. At lectus urna duis convallis convallis tellus. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Blandit cursus risus at ultrices mi tempus. Malesuada pellentesque elit eget gravida.

Faculty/Staff Listing

Alternating Content Boxes

You get a Headline field

Text: Maximum characters: 250 (Use fewer if also including links.)

Alternating

Images should be at least 576 pixels wide and 384 pixels in height to ensure consistent display.

More alternating

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure do

Today.wisc.edu Events Element