List Type Buttons

Add this class list-type-buttons 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 Buttons CSS Class

Act2 List Type Buttons Sample

Also, please make sure to use a recognizable name for your module. It may be hard to edit inline in the Page Editor, due to its design. You will most likely need to find it in the modules sidebar on the left and make the edits in that place.

Alternatively, you can use a Custom HTML module instead, with a coded list, like this:

<ul>
    <li><a href="#link1">Link 1</a></li>
    <li><a href="#link2">Link 2</a></li>
    <li><a href="#link3">Link 3</a></li>
</ul>

There are a few additional classes that you can use to add other colors to your buttons:

Act2 Template Builder List Type Buttons Theme CSS Class

CSS Class Sample (with the dafault theme colors)
theme Act2 List Type Buttons Theme Sample
dark Act2 List Type Buttons Dark Sample
white Act2 List Type Buttons White Sample
light Act2 List Type Buttons Light 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. This needs a special styling, so in case you use the other colors available above, you would probably also want to color this active link differently than others. For that you can use one of the active classes:

Act2 Template Builder List Type Buttons Theme Active Dark CSS Class

CSS Class Sample (with the dafault theme colors)
active-theme Act2 List Type Buttons Active Theme Sample
active-dark Act2 List Type Buttons Active Dark Sample
active-white Act2 List Type Buttons Active White Sample
active-light Act2 List Type Buttons Active Light Sample