Build Fifty-Fifty

Page Content

Fifty Fifty

The Fifty Fifty content type is used to display prominent information on a page alongside an image, with the option to add a button or "arrow" links. This content type is quite versatile and offers a variety of formats and background colors. 

How to add a Fifty Fifty content type to a Studio Site page

From the T4 Site Structure, navigate to the page you are updating. 

  1. Click Add Content.
  2. Click Fifty Fifty.
  3. Add a descriptive name for the content type (something like "Director's Welcome 50/50")
  4. These are the settings most often used:
    • Select a background color (typically white). 
    • Select Yes for full bleed. 
    • Select Left for Media Left/Right. 
    • Select Left for Text alignment
  5. Click Select media and choose the image for this Fifty Fifty that you added to the media library
  6. Add an appropriate Heading for the content type (and a Sub Heading if desired).
  7. Add the text for the Fifty Fifty in the Description field. 
  8. If you'd like to add links, scroll down to the Links section. 
    • Add 1-2 bulleted items with the text you'd like displayed for the buttons on the Fifty Fifty
    • Highlight the text and select the Insert/Edit Link icon from the main formatting menu to display the drop-down menu. 
    • If adding a link to a page on college.mayo.edu, select Insert section link or Insert content link. Select the section or content you'd like to hyperlink to. If you do not have edit access rights to the page you want to link to, you will not see it in the list. If this is the case, please submit an External Web Request on Workfront to ask a member of the ESDE team to add this internal link to your page. 
    • If adding a link to any other website, select Link to external site (Including other Mayo Clinic websites that don't include "college.mayo.edu" in the URL).
  9.  Click the Save Changes button to save content as a draft. Preview your updates and ensure the content displays appropriately, follows MCCMS Styles and Standards, and is free of errors. If everything displays correctly in the preview, approve the updates to be published.