Fullwidth Section

A deprecated full-width background section with color, image, texture, or video backgrounds, superseded by WPBakery's Row.

Fullwidth Section wraps its content in a full-browser-width band with a color, image, texture, or video background. It predates WPBakery's own row-stretching options and is now deprecated. New pages should use a Row instead.

A dark blue fullwidth section with a centered white title and subtitle

Deprecated: use a Row instead

WPBakery hides Fullwidth Section from the main Add Element list; it only appears under the Deprecated tab, for editing pages that already use it. For new content, add a Row, enable its own Fullwidth Section option, and set its background there. See Fullwidth sections. The two work differently under the hood (this element wraps [fullwidth_section]…[/fullwidth_section] around fixed content; a Row's fullwidth option changes the row itself), but produce a similar full-width band.

The WPBakery Add Element dialog's Deprecated tab, listing Fullwidth Section and One Page Section

Add it

To edit an existing Fullwidth Section, open the page in WPBakery and double-click the element. To add a new one, open Add Element, switch to the Deprecated tab, and pick Fullwidth Section, or use the shortcode directly; see Shortcode.

Settings

ContentEditorcontent

The section's body content, entered between the shortcode tags.

Background TypeSelectDefault: Background Colorbackground_type

Options: Background Color, Background Image, Background Texture, Background Video. Controls which of the fields below apply.

Enable Border?SwitchDefault: Offborder

Adds a border around the section.

Text ColorSelectDefault: Darktext_color

Options: Dark, Light. Use Light when the background is dark, and vice versa.

Background ColorColorbg_color

Used when Background Type is Background Color (or as a fallback color behind an image/video).

Background Image or TextureImageimage

Used when Background Type is Background Image or Background Texture.

Enable Parallax effect for image?SwitchDefault: Offparallax

Adds a parallax scroll effect. Only applies to Background Image.

Enable waved top border for this fullwidth section?SwitchDefault: Offwaved_border_top

Adds a decorative wave shape along the top edge, colored from Background Color.

Enable waved bottom border for this fullwidth section?SwitchDefault: Offwaved_border_bottom

Adds a decorative wave shape along the bottom edge.

Optional Scissors Icon?SwitchDefault: Offscissors_icon

Adds a small scissors icon, for a "cut along the line" effect.

Background Video MP4Textbg_video_mp4

Used when Background Type is Background Video. Upload the video to the Media Library first and paste its URL (or attachment ID) here.

Background Video OGVTextbg_video_ogv

An OGG-format fallback for the MP4 video.

Background Video PosterImagebg_video_poster

Shown while the video loads, or if it can't play.

Video Texture Overlay?SwitchDefault: Offoverlay

Adds a texture overlay on top of the video.

Margin TopTextmargin_top

Top margin. Enter a number for pixels, or a value with a unit (em, %, etc). Under a Position tab.

Margin BottomTextmargin_bottom

Bottom margin, same format as Margin Top. Under a Position tab.

Inside Padding TopTextDefault: 30padding_top

Top padding. Enter a plain number for pixels, or a value with a unit (em, %, etc).

Inside Padding BottomTextDefault: 30padding_bottom

Bottom padding, same format as Inside Padding Top.

Unique Section IDTextid

An optional HTML id for linking to this section, for example about-us; link to it with #about-us.

Common settings

Fullwidth Section also has an Extra class name field (see the Elements overview). It does not have the Entrance Animation/Delay fields most other elements have.

Shortcode

[fullwidth_section background_type="color" bg_color="#2c3e50" text_color="light" padding_top="70" padding_bottom="70"]
[title type="h2" color="#ffffff" align="center"]Fullwidth Section[/title]
[/fullwidth_section]

Everything between [fullwidth_section] and [/fullwidth_section] renders inside the band, typically a row/column layout or other elements, not raw text.

On this page