The Div macro wraps content in a div tag with optional class and styles. This allows us to use macros such as the Style macro below.


My Blog






Image of wireframe


 

The Style macro allows the use of CSS to style content. CSS describes how HTML elements should be displayed. https://www.adaptavist.com/doco/display/CFP/Style+Sheet 
.home-banner {
                    background: #ff5b2d;
                    color: #c2d6d6;
                    font-size: 20px;
                    padding: 20px;
                    }
                    .home-banner h2 {
                    color: #f2f2f2;
                    }
                    .title-box {
                    border: 1px solid #ff5b2d;
                    padding: 10px;
                    }
                    .title-box > h2 {
                    background: #ff5b2d;
                    bottom: 10px;
                    color: #c2d6d6;
                    margin-left: -10px;
                    margin-right: -10px;
                    padding: 2px 10px;
                    position: relative;
                    }
                    .cfm-blog-image > img {
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    }