Text blocks
Intended to build header areas for sections. You can catch attention with these or just say a one liner.
Attributes
| Attribute | Description | Values | Default |
|---|---|---|---|
| title | Define the title of the block | Text | N/A |
| title_tag | Define the title tag | h1, h2, h3, h4, h5, h6 | h3 |
| title_color | Define the title color | HEX or RGB value | #000000 |
| text_color | Define the text color | HEX or RGB value | N/A |
| bg_color | Define the background color | HEX or RGB value | N/A |
| bg_image | Define a custom background image | URL | N/A |
| text_color | Define the text color | HEX or RGB value | #666666 |
| text_align | Define the text alignment | left, right, justify | left |
| text_width | Define the text maximum width | pixels, pt, em, % | 60% |
Demo
Black on white
Fusce blandit adipiscing libero, nec bibendum diam volutpat tempor. Donec fermentum diam leo, ut convallis nisl tristique ut. Ut rhoncus leo vitae tempus pulvinar.
[text_block bg_color="#fff" title_color="#1c1c1e" text_color="#9c9d9f" title="Black on white"]Fusce blandit adipiscing libero, nec bibendum diam volutpat tempor. Donec fermentum diam leo, ut convallis nisl tristique ut. Ut rhoncus leo vitae tempus pulvinar.[/text_block]
White on black
Fusce blandit adipiscing libero, nec bibendum diam volutpat tempor. Donec fermentum diam leo, ut convallis nisl tristique ut. Ut rhoncus leo vitae tempus pulvinar.
[text_block bg_color="#000" title_color="#fff" text_color="#9c9d9f" title="White on black"]Fusce blandit adipiscing libero, nec bibendum diam volutpat tempor. Donec fermentum diam leo, ut convallis nisl tristique ut. Ut rhoncus leo vitae tempus pulvinar.[/text_block]