College of Liberal Arts
skip to content The University of Texas at Austin

Hero Block

College of Liberal Arts

Hero Settings

Hero

The Hero component is the visual introduction to your content.

Best Practices:

  • Images should be clear, optimized for web
  • 1000px minimum size
  • Avoid using images copied from websites; pixelation can occur.
  • Avoid heavily filtered and edited images.
  • For portraiture images, consider the rule of thirds when choosing composition.
  • Always use images that have been approved for use either from university or college asset collections or custom photography. If images are third party, always get approval and credit the photographer. This is true for all imagery on your site.

Settings:

  • Optional Call to Action header and subhead

*Be sure to describe you image in the “alt text” box

The Hero block is the visual introduction to your content on the page.

Best Practices

  • Images should be optimized for the web
  • Image size is 1800 x 720 px. Image dimension is 5x2.
  • Avoid using images copied from websites; pixelation can occur
  • Avoid heavily filtered and edited images
  • Always use images that have been approved for use either from university or college asset collections or custom photography. If images are third party, always get approval and credit the photographer. This is true for all images on your site.

Settings

  • Alt Text - Add text that describes the image. Adding alt text is an important part of ensuring that the College's sites as accessible as possible. Alt text should not be considered optional.
  • Headline - Toggle the optional headline text. The headline text is editable by double-clicking on the text in the block. The Headline should be a one- or two- word action, like "Welcome", "Explore", "Learn" 
  • Link 1 - toggle to display quick link
  • Link 2 - toggle to display quick link
  • Link 3 - toggle to display quick link 
  • Link 4 - toggle to display quick link 
  • Link 5 - toggle to display quick link 
  • Link 6 - toggle to display quick link 
  • Photo Credit - Toggle the optional photo credit text. The field is editable by double-clicking on the text in the block.

The Links are basically buttons so that you can edit the text in the block and the URL in the settings.

College of Liberal Arts

Edit Headline Text

Edit Subhead Text

Photo Credit.

 

updated February 19, 2025

Hero Settings

Hero Settings