Please check out our Live Demo to get an idea about how Custom CSS Code for Confluence works.
As any app for Confluence Cloud, you can install the app via the Confluence admin menu.
Log into your Confluence instance as an admin.
Click on “Apps > Manage apps” in the header menu.
Click on “Find new apps” on the right navigation.
Search for “Custom CSS Code for Confluence” and select it.
Click on “Try it free” to install the app.
Custom CSS Code for Confluence provides a macro that allows you to style Confluence content with your own CSS code. To make use of the macros click the “Insert” / “+” Button in the edit mode and select the “Custom CSS Code” macro. You can now enter your Confluence content as macro body and add your custom CSS code in the macro options. The macro options also provide a setting called “Disable Confluence Styles” which disables all (default) Confluence styles, i.e. the content is only styled with your custom CSS code. The option “External CSS” allows you to define a URL to an external CSS file that is included right before the custom CSS code.