diff --git a/docs/journeys/custom-css.md b/docs/journeys/custom-css.md index 4fe8e280..da646e55 100644 --- a/docs/journeys/custom-css.md +++ b/docs/journeys/custom-css.md @@ -18,7 +18,7 @@ Custom CSS gives you the power to: **Note:** This feature is part of our new Concorde design migration. Custom CSS applies only to journeys, and not the End Customer Portal. We’re continuously improving support for this feature, so please refer to the latest documentation for updates – release notes will include updates. -**Pricing:** This feature is only available from the Professional pricing tier. +**Pricing:** This feature is only available from the Professional pricing plan. ## Styling Structure @@ -33,13 +33,13 @@ The new journey design (Concorde Journey) consists of the following building blo Specific HTML Classes and IDs have been added and prefixed with `Concorde` for consistency to aid with targeting HTML elements properly through custom CSS. -The HTML structure of the journey based on these building blocks will be maintained using this guide: _Custom CSS: Maintained HTML Classes & HTML ID format_. +The HTML structure of the journey based on these building blocks will be maintained using this guide: [Concorde HTML Layout Overview](/docs/ui-design/concorde-html-structure). ### Concorde Design Tokens Since custom CSS is scoped to the new design, we have created a list of design tokens (CSS variables) that can be modified to create the desired effect. -The design tokens that are supported for the journey building blocks (mentioned above) can be found in this guide: _Concorde Design tokens: CSS variables_. This guide will be kept up to date to account for changes that could improve the usage of custom CSS. +The design tokens that are supported for the journey building blocks (mentioned above) can be found in this guide: [Concorde Design tokens](/docs/ui-design/concorde-design-tokens). This guide will be kept up to date to account for changes that could improve the usage of custom CSS. ## How Custom CSS Works @@ -74,8 +74,8 @@ When you add custom CSS, the system generates a single stylesheet that’s appli As seen above, there are some things to note: -- The use of **Concorde design tokens** is mentioned above. To view the full list: _Concorde Design tokens: CSS variables_. -- The use of maintained **HTML classes and IDs** is also mentioned above. To view the full list: _Custom CSS: Maintained HTML Classes & HTML ID format_. +- The use of **Concorde design tokens** is mentioned above. To view the full list: [Concorde Design tokens](/docs/ui-design/concorde-design-tokens). +- The use of maintained **HTML classes and IDs** is also mentioned above. To view the full list: [Concorde HTML Layout Overview](/docs/ui-design/concorde-html-structure). - The final CSS is inserted into your journey’s `` as a `