Customize Progress Bar With CSS

You can combine the Progress Bar Hyperlink Step macro with the CSS Style Sheet macro to apply CSS to the content. For example, you can change the size and color of the text,

Highlight A Step in the Progress Bar

  1. Select the Progress Bar - Hyperlink Step macro and click Edit.
  2. In the CSS Class field input a name eg. orange

  3. Add a CSS Style Sheet macro to the page.
  4. Inside the CSS Style Sheet macro type the CSS for the text you want. Remember to use the CSS Class you used in your Progress Bar- Hyperlink Step macro. eg. the following gives an orange background

  5. Publish the page.



If you are still stuck please contact our support team who can offer you more assistance. 
You can try our full range of content formatting macros for free by visiting the Marketplace.