{"id":1391,"date":"2022-02-08T14:01:22","date_gmt":"2022-02-08T19:01:22","guid":{"rendered":"https:\/\/carleton.ca\/cms-help\/?page_id=1391"},"modified":"2022-04-04T10:11:44","modified_gmt":"2022-04-04T14:11:44","slug":"buttons","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-3-advanced-post-elements\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"

A button is essentially a more visually distinctive way of presenting a link and is useful for directing users to content you want them to visit. For example, each of these training modules has a button at the end which links to the next unit in the module.<\/p>\n

Note:<\/strong> Using square brackets in your button text will sometimes cause the button to malfunction. Change these to regular brackets instead to resolve the issue.<\/p>\n

Step-by-Step<\/h2>\n

Add a button to a page or post\"\"<\/h3>\n
    \n
  1. Click\u00a0Add Post Element<\/strong>.<\/li>\n
  2. In the Insert Post Element menu, select\u00a0Button<\/strong>.<\/li>\n
  3. Add Text<\/strong>\u00a0and a\u00a0Link<\/strong>\u00a0to the button.\n
      \n
    1. Text\u00a0<\/strong>is what will be written on the button.<\/li>\n
    2. Link <\/strong>is where the button will lead when clicked.<\/li>\n<\/ol>\n<\/li>\n
    3. You have the option to have the link open in a new window or tab.<\/li>\n
    4. You have the option to choose the button Style<\/strong> (Red Outline or Red Solid).\"\"<\/li>\n
    5. You have the option to change the\u00a0Button Alignment<\/strong> (Left or Center).<\/li>\n<\/ol>\n

      Video Tutorial<\/h2>\n