vc_column_text Shortcode
The vc_column_text shortcode renders the text Block component.
The attributes below match the current Page Builder controls and public output. Use raw syntax only for reviewed content that cannot be maintained through the visual controls.
Usage
[vc_column_text]Attributes
| Attribute | Default | Accepted values | Purpose |
|---|---|---|---|
content |
<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p> |
String unless stated otherwise | Controls the text. |
center_mobile |
— | text-md-down-center; legacy: web-center-mobile |
If selected, the text and its descendants are centered on phones and tablets up to 991px. |
text_color |
— | String unless stated otherwise | Text color for whole block. You should use TinyMCE editor's color picker only for changing color to certain words in your text. |
text_module_icon |
— | String unless stated otherwise | Select icon. |
text_module_icon_position |
— | top, right, left |
Select icon position. |
text_module_icon_size |
web-small-icon |
web-extra-small-icon, web-small-icon, web-medium-icon, web-large-icon |
Select icon size. |
text_module_icon_shape |
— | square, circle |
Select icon shape. |
text_module_icon_bg_color |
— | String unless stated otherwise | Choose icon background color. |
text_module_icon_color |
— | String unless stated otherwise | Choose icon color. |
text_module_icon_hover_color |
— | String unless stated otherwise | Choose icon hover color. |
text_module_icon_bg_hover_color |
— | String unless stated otherwise | Choose icon hover color. |
text_module_icon_url |
— | String unless stated otherwise | Add URL to icon. |
text_module_icon_url_target |
— | yes |
If checked link will open in new tab. |
device_visibility |
— | String unless stated otherwise | Applies the selected responsive visibility rule. |
el_id |
— | Valid unique HTML ID | Enter element ID (Note: make sure it is unique and valid according to w3c specification). |
el_class |
— | String unless stated otherwise | Style particular content element differently - add a class name and refer to it in custom CSS. |
Verification
Inspect vc_column_text at every layout breakpoint and confirm its child content keeps a logical source and visual order. Pay particular attention to content and center_mobile.