Text blocks
Attributes
Attribute |
Description |
Values |
Default |
subtitle |
Define the sub-title of the block |
Text |
N/A |
subtitle_color |
Define the sub-title text color |
HEX or RGB value |
#8c8c8c |
sep_color |
Define the sub-title separator color |
HEX or RGB value |
#d7d7d7 |
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
[row wrap=”false” bg_color=”#fff”]
[text_block bg_color=”#fff” title_color=”#1c1c1e” text_color=”#9c9d9f” subtitle=”Text Block” 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]
[/row]
[code][text_block bg_color=”#fff” title_color=”#1c1c1e” text_color=”#9c9d9f” subtitle=”Text Block” 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][/code]
[row wrap=”false”]
[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]
[code][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][/code]
[/row]
[row wrap=”false” bg_color=”#000″]
[text_block bg_color=”#000″ subtitle=”Text Block” sep_color=”#666″ title=”White on black” title_color=”#fff” text_color=”#9c9d9f”]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]
[/row]
[code][text_block bg_color=”#000″ subtitle=”Text Block” sep_color=”#666″ title=”White on black” title_color=”#fff” text_color=”#9c9d9f”]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][/code]