{"type":"doc","content":[{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"legacy-content","text":"Select/highlight the text you want to be the button From the “Styles” drop down choose the button style - we recommend primarily using the orange buttons BUTTON-LG-ORANGE BUTTON-MED-ORANGE BUTTON-SM-ORANGE Then click on the link icon and fill in the “URL” field, click “Insert” Your button will appear to take up an entire line in the editor - this is ok ","parameters":{"reason":"multi-level-list-indentation","nestedContent":{"type":"doc","content":[{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Select/highlight the text you want to be the button","type":"text"},{"text":" ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"From the “Styles” drop down choose the button style - we recommend primarily using the orange buttons","type":"text"},{"text":" ","type":"text"}]}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"BUTTON-LG-ORANGE","type":"text"},{"text":" ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"BUTTON-MED-ORANGE","type":"text"},{"text":" ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"BUTTON-SM-ORANGE","type":"text"},{"text":" ","type":"text"}]}]}]}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Then click on the link icon and fill in the “URL” field, click “Insert”","type":"text"},{"text":" ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Your button will appear to take up an entire line in the editor - this is ok","type":"text"},{"text":" ","type":"text"}]}]}]}]}]}],"version":1},"cxhtml":"

- Select/highlight the text you want to be the button
- From the “Styles” drop down choose the button style - we recommend primarily using the orange buttons
- - BUTTON-LG-ORANGE
  - BUTTON-MED-ORANGE
  - BUTTON-SM-ORANGE
- Then click on the link icon and fill in the “URL” field, click “Insert”
- Your button will appear to take up an entire line in the editor - this is ok

"}}},{"type":"paragraph"},{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"contentbylabel","parameters":{"macroParams":{"showLabels":{"value":"false"},"max":{"value":"5"},"spaces":{"value":"asengrweb"},"showSpace":{"value":"false"},"sort":{"value":"modified"},"reverse":{"value":"true"},"type":{"value":"page"},"cql":{"value":"label = \"kb-how-to-article\" and type = \"page\" and space = \"asengrweb\""},"labels":{"value":"kb-how-to-article"}},"macroMetadata":{"macroId":{"value":"67e5b0a4-0789-414d-acc4-cbb1b38bf8de"},"schemaVersion":{"value":"4"},"title":"Filter by label"}}}},{"type":"bodiedExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"details","parameters":{"macroParams":{"hidden":{"value":"true"}},"macroMetadata":{"macroId":{"value":"0fecfccb-ce8b-480d-a13b-7d852c94c8b8"},"schemaVersion":{"value":"1"},"title":"Page Properties"}}},"content":[{"type":"table","attrs":{"layout":"align-start"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph","content":[{"text":"Related issues","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1},"content":[{"type":"paragraph"}]}]}]}]}],"version":1}

Adding Button Styles in articles