vc_column_inner Shortcode

The vc_column_inner shortcode renders the inner Column 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_inner]
Content
[/vc_column_inner]

Relationship to the outer column

vc_column_inner uses the same visual groups as vc_column: borders, backgrounds, background video, overlays, padding, viewport state, sticky positioning, alignment, scroll animation, responsive width and offset, visibility, stacking order, ID and custom classes. Their defaults and accepted values are shared.

The distinction is structural: an inner column belongs to vc_row_inner, while vc_column belongs to a top-level vc_row. Do not exchange the tags in stored content even when their settings look the same; the Page Builder relies on the matching inner-row hierarchy.

Inner-column attributes

The following names are accepted by the current inner-column map:

• Background and border: border_width, border_color, border_style, respect_background_padding, bg_color, bg_img_url, bg_img_url_size, bg_img_loading, bg_img_url_mobile, bg_img.
• Background video and overlay: video_bg, video_type, video_youtube_url, video_vimeo_url, video_thumbnail_image, video_thumbnail_loading, video_start_after_interaction, video_mp4_url, video_webm_url, video_ogv_url, video_bg_on_hover, overlay, one_color_overlay, gradient_color_1, gradient_color_2, gradient_orientation, change_opacity.
• Motion and positioning: parallax, viewport_class, column_sticky, content_alignment, column_scrollme, disable_animations_mobile, scrollme_when, reverse_animation, scrollme_opacity, scrollme_scale, scrollme_scale_x, scrollme_scale_y, scrollme_scale_z, scrollme_rotate_x, scrollme_rotate_y, scrollme_rotate_z, scrollme_translate_x, scrollme_translate_y, scrollme_translate_z.
• Layout and identification: padding_width, width, offset, device_visibility, z_index, el_id, el_class.

Use the Page Builder controls for these values. In particular, width and offset encode the responsive grid, color controls use design-system values, and conditional video or animation fields are meaningful only when their parent option is enabled.

When video_type="self-hosted", video_mp4_url also accepts the logical URL copied from Media → Videos. The current site must own the ready video. Its standard progressive output is generated independently from Scroll, and Jarallax consumes the temporary signed MP4 exactly like a direct self-hosted URL, so Video.js is not loaded and no permanent CloudFront address is stored in the shortcode.

Enclosed content

Content between the opening and closing tags is processed as WordPress shortcode content. Keep the parent/child structure shown by the visual builder so nested components receive the context they expect.

Verification

Inspect vc_column_inner at every layout breakpoint and confirm its child content keeps a logical source and visual order. Pay particular attention to parallax and border_width.