List Type Tabs

Add this class list-type-tabs to a Rich text or other modules with an unordered list and plain links, like the Post Listing module or Post Filter. Please make sure your module contains only links in an unordered list.

Act2 Unordered List Sample

Act2 Template Builder Rich Text Edit CSS

Act2 Template Builder List Type Tabs CSS Class

Act2 List Type Tabs Sample

You can also add this class no-bottom-border if you want to remove the border at the bottom:

Act2 List Type Tabs No Bottom Border Sample

All elements will automatically be white if placed in a White Content container:

Act2 List Type Tabs White Content Sample

If you use this type of list as the navigation of other Act2 components (like Tabs or Listing), there will be a special CSS class applied to the active link: active. There are a few additional classes that you can use here to modify that link:

Act2 Template Builder List Type Tabs Active Border Dark CSS Class

CSS Class Sample (with the default theme colors) Description
active-text-theme Act2 List Type Tabs Sample Modifies the active link's text
active-border-theme Act2 List Type Tabs Active Border Theme Sample Useful on white content
active-border-dark Act2 List Type Tabs Active Border Dark Sample Makes the active border dark