{"id":4574,"date":"2025-01-08T14:39:38","date_gmt":"2025-01-08T19:39:38","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=4574"},"modified":"2026-08-10T20:57:29","modified_gmt":"2026-08-11T00:57:29","slug":"call-out","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-2-common-content-blocks\/call-out\/","title":{"rendered":"Call Out"},"content":{"rendered":"\n
\n
\n\n
\n
\n
\n

\n Call Out Block\n <\/h1>\n \n \n \n\n

Intermediate Training Module 2: Common Content Blocks<\/p>\n\n\n <\/header>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n

The Call Out block is used to highlight important information and draw a visitor’s attention to a specific message. It creates a visually distinct section on the page, making it ideal for announcements, key information, deadlines, reminders, and calls to action.<\/p>\n\n\n\n

Call Out blocks help important content stand out from the surrounding page content and encourage visitors to take action.<\/p>\n\n\n\n

Common uses include:<\/p>\n\n\n\n

    \n
  • Important announcements<\/li>\n\n\n\n
  • Registration deadlines<\/li>\n\n\n\n
  • Program highlights<\/li>\n\n\n\n
  • Service updates<\/li>\n\n\n\n
  • Key contact information<\/li>\n\n\n\n
  • Calls to action<\/li>\n<\/ul>\n\n\n\n

    When to Use a Call Out Block<\/h2>\n\n\n\n

    Use a Call Out block when information deserves additional attention.<\/p>\n\n\n\n

    Examples include:<\/p>\n\n\n\n

    Important Notice<\/strong>
    Applications close on September 30.<\/p>\n\n\n\n

    Call to Action<\/strong>
    Interested in learning more about our programs? Explore your options today.<\/p>\n\n\n\n

    Featured Information<\/strong>
    Registration is now open for upcoming workshops and information sessions.<\/p>\n\n\n\n

    Call Out blocks work best when they focus on a single message or action.<\/p>\n\n\n\n

    Adding a Call Out Block<\/h2>\n\n\n\n

    To add a Call Out block:<\/p>\n\n\n\n

      \n
    1. Click the +<\/strong> button and search for Call Out<\/strong>.<\/li>\n\n\n\n
    2. Select the block.<\/li>\n\n\n\n
    3. Enter a title or heading.<\/li>\n\n\n\n
    4. Add supporting content.<\/li>\n<\/ol>\n\n\n\n

      Your content may include:<\/p>\n\n\n\n

        \n
      • Paragraph text<\/li>\n\n\n\n
      • Buttons<\/li>\n\n\n\n
      • Links<\/li>\n\n\n\n
      • Additional supporting information<\/li>\n<\/ul>\n\n\n\n

        The block is designed to remain concise and focused.<\/p>\n\n\n\n

        Adding Content<\/h2>\n\n\n\n

        A typical Call Out block contains:<\/p>\n\n\n\n

        Heading<\/h3>\n\n\n\n

        A short, attention-grabbing title.<\/p>\n\n\n\n

        Examples:<\/p>\n\n\n\n

          \n
        • Important Update<\/li>\n\n\n\n
        • Upcoming Deadline<\/li>\n\n\n\n
        • Registration Now Open<\/li>\n\n\n\n
        • Need Help?<\/li>\n<\/ul>\n\n\n\n

          Supporting Text<\/h3>\n\n\n\n

          One or two short sentences that explain the message.<\/p>\n\n\n\n

          Example:<\/p>\n\n\n

          \n
          \n

          Applications for the Winter term close on September 30. Submit your application before the deadline.<\/p>\n<\/blockquote>\n<\/div>\n\n\n

          Button (Optional)<\/h3>\n\n\n\n

          Include a button when you want visitors to take action.<\/p>\n\n\n\n

          Examples:<\/p>\n\n\n\n

            \n
          • Apply Now<\/li>\n\n\n\n
          • Register Today<\/li>\n\n\n\n
          • Learn More<\/li>\n\n\n\n
          • Contact Us<\/li>\n<\/ul>\n\n\n\n

            Layout Options<\/h2>\n\n\n\n

            The block settings provide options for controlling the layout and appearance of the Call Out.<\/p>\n\n\n\n

            Content Alignment<\/h3>\n\n\n\n

            Use the Justify Content<\/strong> option to control the positioning of the content within the block.<\/p>\n\n\n\n

            Common options include:<\/p>\n\n\n\n

              \n
            • Left aligned<\/li>\n\n\n\n
            • Center aligned<\/li>\n\n\n\n
            • Right aligned<\/li>\n<\/ul>\n\n\n\n

              Block Width<\/h3>\n\n\n\n

              Use the Max Width<\/strong> setting to control how wide the Call Out appears on the page.<\/p>\n\n\n\n

              Different widths may work better depending on where the block is placed and how much content it contains.<\/p>\n\n\n\n

              Best Practices<\/h2>\n\n\n\n

              Keep Messages Focused<\/strong>
              Each Call Out should highlight a single idea, message, or action.<\/p>\n\n\n\n

              Use Clear Headlines<\/strong>
              Visitors should immediately understand why the content is important.<\/p>\n\n\n\n

              Good Examples:<\/p>\n\n\n\n

                \n
              • Registration Now Open<\/li>\n\n\n\n
              • Important Deadline<\/li>\n\n\n\n
              • Featured Resource<\/li>\n<\/ul>\n\n\n\n

                Avoid:<\/p>\n\n\n\n

                  \n
                • Information<\/li>\n\n\n\n
                • Update<\/li>\n\n\n\n
                • Details<\/li>\n<\/ul>\n\n\n\n

                  Include a Call to Action<\/strong>
                  Whenever appropriate, provide a button that helps visitors take the next step.<\/p>\n\n\n\n

                  Keep Content Concise<\/strong>
                  Call Out blocks are designed to draw attention, not contain large amounts of content.<\/p>\n\n\n\n

                  Use Sparingly<\/strong>
                  Too many highlighted sections can compete for attention and reduce their effectiveness.<\/p>\n\n\n\n

                  \n