How to globally customize tabs and cloaks using space stylesheets

Summary

Sometimes, you may want to customize the tabs and cloaks globally instead of adding the Composition Setup or HTML macro on each page. For example, you 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 and tabs by defining a CSS class and then calling that class in your Deck of Cards macro.

To add CSS styling to your Composition Tabs:

1. Select Administration ( ) > General Configuration.

2. In the left navigation, under Look and Feel, select Stylesheet.

3. 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;}

    

   Open

   

4. In the Deck of Cards macro editor, enter tabs in the CSS Class field.

   Open

   

5. Save the macro.

   Open

   

5. Save the page and verify that the CSS class is applied to the tabs.
   
   

   Open

   

Related pages

• Commonly used CSS classes for tabs

• Examples of CSS style code for tabs