United Dairy Industry of Michigan
  • About
  • Producers
    • Dairy Promotion At Work Newsletter
    • Dairy Talk Webinars
    • Board Mentor Program
    • About UDIM
    • Dairy Promotion Grant Program
      • Application
      • Grant Tips
      • Grant FAQ
      • Grant Photo Examples
      • Dairy Promotion Grant Guidelines
    • Promotion Update
  • Contact
twitter iconinstagram icon
  • Food &
    Nutrition
  • Sports
    Nutrition
  • Health
    Professionals
  • Schools &
    Educators
    • Coaches
    • Educators
      • Nutrition Education
        • Access Resources by Grade Level
          • Elementary School Resources
          • Middle School Resources
          • High School Resources
      • Fuel Up to Play 60
        • Michigan Student Ambassador Summit
        • Program Advisor Training Highlights
        • Rally for School Health
      • Virtual Farm Tour
    • School Grant Programs
    • Food Service Directors
      • Dairy and School Meals
        • School Food Service Equipment
      • Behind the Kitchen
        • Continuing Education for Staff
        • School Meal Recipes
        • Food Safety
      • Marketing & Promoting School Meals
      • Michigan Food Heroes
  • Dairy
    Farming
    • Dairy’s Contribution to Sustainable Nutrition
    • The Journey of Milk
    • Day in the Life of a Michigan Dairy Farm Family
    • Meet Our Dairy Farm Families
      • Meet MI Farm Families
        • Farm Family Fun Facts
    • Michigan Dairy Facts
  • Blog
  • Recipes
  • Food &
    Nutrition
  • Sports
    Nutrition
  • Health
    Professionals
  • Schools &
    Educators
    • Coaches
    • Educators
      • Nutrition Education
        • Access Resources by Grade Level
          • Elementary School Resources
          • Middle School Resources
          • High School Resources
      • Fuel Up to Play 60
        • Michigan Student Ambassador Summit
        • Program Advisor Training Highlights
        • Rally for School Health
      • Virtual Farm Tour
    • School Grant Programs
    • Food Service Directors
      • Dairy and School Meals
        • School Food Service Equipment
      • Behind the Kitchen
        • Continuing Education for Staff
        • School Meal Recipes
        • Food Safety
      • Marketing & Promoting School Meals
      • Michigan Food Heroes
  • Dairy
    Farming
    • Dairy’s Contribution to Sustainable Nutrition
    • The Journey of Milk
    • Day in the Life of a Michigan Dairy Farm Family
    • Meet Our Dairy Farm Families
      • Meet MI Farm Families
        • Farm Family Fun Facts
    • Michigan Dairy Facts
  • Blog
  • Recipes

Home > Private: How To > Interior Example

  • Content Styles
  • Interior Example
  • Pageblocks
  • Style Guide
  • How to Edit Your Site

Interior Example

Header 4 style, for optional intro highlight type copy. Should only be a few lines long, and let the reader know what they’re about to get into. Plus, it looks great!

Example paragraph text style. This is what your standard paragraphs will look like throughout the entire site. Certain areas may have special styles, but this is your standard copy size. Paragraph links are styled like this so that they are easy for users to find. You also have the ability to BOLD text as well as emphasize text. You can also insert links to download things in your content, ‘Example Document Title‘ (PDF).

Below this paragraph you’ll find examples of all the other styles you’ll have at your disposal. You also have a technical page that lists all important information on image sizes, fonts, and colors.

Header 2, Used for New Sections

You’ll notice there is a bit of extra space above the Header 2 above. This is done by putting in a line-break. This visual break can be nice when starting a new section of content. You’ll learn how to insert these in training, but you can see them in the HTML view as well. They’ll look like this: <br/>.

Header 3, Used for Smaller Sections or Sub-Sections

It’s important to also mention that this is just a reference page. We would never encourage you to use all of these styles on one page, all at once. Rather, this is your guide to all things possible. This page is your point of reference for all the tools in your tool-box.

Cow PhotoImages can not only be attached using the sidebar feature on the right, but they can also be inserted into the center content area like the image to right has been. You have the ability to align the image to the right or the left, or insert an image that is the full width of the content area, having no text on the left or right of it. Don’t forget to put a bit of padding on it, so the text doesn’t butt right up next to it.

Block quotes can be used to call out quotes. Be sure to put an author at the end if there is one. Using all caps or bolding the name, and putting an em dash before it works well.

These interior styles are also available when creating content for other pages, like writing a blog post, a news article, etc. These same styles will apply to your headers and body copy. For the most part, the same can be said for any open content areas in the sidebar, home page, contact page, and so on.

Header 5 Style Can Be Great For Callouts

We hope you’ll come back to this page when you’re working on new content, or editing existing content. Of course, if you have any questions along the way, use the Help button located in the top left of Mighty-Site to reference all of our help docs or contact support. Thanks so much and happy creating!

Header 6, Label-Type Header as Seen on Homepage, Shouldn’t Need for Interior Pages
Back to Top
Milk Means More logo
2163 Jolly Road
Okemos, Michigan 48864 517-349-8923

Receive nutrition tips, dairy fun facts, fresh recipes and more delivered to your inbox!

  • Dairy Farming
  • Food & Nutrition
  • Recipes
  • Blog
  • For Dairy Producers
  • Schools
  • Sports Nutrition
  • Health Professionals
  • About UDIM
  • Contact

© 2023 UDIM. All Rights Reserved.

  • Sitemap
  • Privacy Policy