In continuation to my previous blog post about adding simple floating button . This blog is about how you can create a list template that will render as a Action Floating Button. Following are the steps: Add below CSS code to your page header or theme roller section - which ever is your preference. .zoom { z-index:100; position: fixed; bottom: 45px; right: 24px; height: 70px; } .zoom-fab { display: inline-block; width: 40px; height: 40px; border-radius: 50%; background-color: #009688; vertical-align: middle; text-decoration: none; text-align: center; transition: 0.2s ease-out; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); cursor: pointer; color: #FFF; } .zoom-btn-sm > span{ margin: 10px; } .zoom-fab:hover { background-color: ...