How to Globally Customize Composition Tabs using Space Stylesheets

Summary

Sometimes a user may want to customize the tabs and cloaks globally instead of adding the Composition Setup or HTML macro on each page. For example, the user may use the Card macro on hundreds of pages and adding the customization for individual pages would not be feasible.

Instead of adding this to each page, is there a global setting so all cards look and feel as intended by the user?

Cause

The Composition Setup macro has certain limits on customizing tabs so the HTML macro must be applied to each page individually.

Workaround

You can apply styling to your cards/tabs by defining a CSS class and then calling that class in your Deck of Cards macro.

Please follow below steps to add CSS styling to your Composition tabs:

  1. Go to the Cog Icon  > General Configuration > Stylesheet.

  2. Click Edit and add the following CSS class (named "tabs" in this example):

    .tabs .tabs-menu .menu-item a {border:2px black; background-color:#1282C5; color:white;}



  3. After adding the Deck of Cards macro enter "tabs" in the CSS Class field.





  4. Click Save and the CSS class will be applied to the tabs.