Container Element

Containers Are Highly Flexible & Help You Organize Your Content

Choose between Full Width Or Site width

Container elements gives you control, depending on the page template you’re using, over whether or not certain sections of your website appear to be 100% width, or stay within the constraints of the site width settings you’ll find in Avada’s Global Theme Options.

FULL WIDTH CONTAINER

Countless Possibilities in Just One Click

Avada’s network of options give you power and flexibility when creating your site. Fusion Theme Options, Fusion Page Options and Fusion Builder options work together to make your life easier so you can build professional websites without knowing how to code.

SITE WIDTH CONTAINER

Countless Possibilities in Just One Click

Avada gives you the ability to build virtually any design style. These professionally designed demos were built entirely with our options and require no custom coding.

Customize To Suit Your Needs

These containers are customizable with backgrounds, parallax effects, padding, margins and more.

BACKGROUND IMAGE WITH PARALLAX EFFECT

Design Anything. Coding Knowledge Not Required!

BACKGROUND COLOR with BORDER

Design Anything. Coding Knowledge Not Required!

BACKGROUND VIDEO

Design Anything. Coding Knowledge Not Required!

Full Screen Scrolling Sections

Containers can be singular or part of a scrolling set. Every container has the option to set itself to 100% height & scroll to make a set. Each full height container will be added to the side navigation bar automatically and custom container names will display on hover.

Take Containers to the Next level!

Create stunning full screen scrolling sections with easy to use options & side navigation.

Select 100% Height & Scroll Per Container

Containers can be singular or part of a scrolling set. Every container has the option to set itself to 100% height & scroll to make a set.

Beautiful Side Navigation To Easily Move Around

Each full height container will be added to the side navigation bar automatically and custom container names will display on hover.

Container Publishing Status

Full control over targeted content within pages and posts. You decide when content within containers will be published or muted, perfect for promotions and campaigns.

Mobile Visibility Settings

Our mobile visibility system gives you full control over what displays based on 3 customizable screen sizes. Every Fusion Builder Element has these settings and they allow you to show or hide elements on various screen sizes. In addition, you can choose what those screen sizes are! This gives you maximum control to set the exact point when an element should show or hide. Resize the page to see the elements appear or disappear based on what we set.

Only Display on Desktop

Mobile Visibility Setting

Only Display on Tablet

Mobile Visibility Setting

Only Display on Mobile

Mobile Visibility Setting

Display Everywhere

Mobile Visibility Setting

Advanced Options Network

Theme Options are global, Page Options are individual. This setup gives you amazing creative flexibility that becomes indespensible when you start creating your site. Having the option to freely choose how individual pages are styled is an incredible freedom.

#1 Selling Theme Of All Time

525,000+

Individuals & Businesses Trust Avada

BUY AVADA NOW!

Documentation & Videos

We have a wide range of support material to suit your learning style. Our documentation is extensive and growing. There are almost 500 documents, where you can search and read about almost any aspect of Avada. Prefer to watch? We have a growing library of HD video tutorials covering the basics and much, much more. Like to engage? Submit a support ticket, join our Community Forum, or engage with other users on the community run Facebook Avada Users Group.

Documentation

Start Searching

Video Tutorials

Start Watching

Need Support?

Start Engaging

Customize Elements Globally Or Individually

Elements can be controlled globally inside of the Fusion Theme Options, or individually per Element by changing the options for each once added to a page or post. Individual Element options will always override the global theme options. This flexibility gives you the ultimate freedom to style Elements and content that is unique and will stand out from the rest of the site.

General

  • Interior Content Width – Set the Container Content Width. Choose from 100% Width or Site Width.
  • 100% Height – Choose from Yes or No
  • 100% Height Yes – Provides advanced configuration: 100% Height Scroll
  • Set Columns to Equal Height – Sets Interior Columns to Equal Heights.
  • Name of Menu Anchor – Add an Anchor to the container for Navigation.

  • Container Visibility – Choose to show or hide the element on small, medium or large screens.

  • Container Publishing Status – Choose from Published, Published Until*, Published After* or Draft

  • Container Publishing Status: Published Until, Published After – Provides advanced configuration: Date & Time.

  • CSS Class – Add a class to the wrapping HTML element.

  • CSS ID – Add an ID to the wrapping HTML element.

Background

  • Container Background Color – Set the background color for the Container.
  • Background Image – Set the Background Image for the Container
  • Video MP4 Upload– Upload an MP4 Video Background.
  • Video WebM Upload – Upload a WebM Video Background.
  • Video OGV Upload – Upload an OGV Video Background.
  • YouTube/Vimeo Video URL or ID – Link a YouTube or Vimeo Video URL or ID to use as a background.

Design

  • Container Border Size – Set the size of the Container Border.
  • Container Border Color – Set the color of the Container Border.
  • Border Style – Set the style of the Container Border. Choose from Solid, Dashed or Dotted.

  • Margin – Set Top or Bottom margin.

  • Padding – Set Top, Right, Bottom and Left Padding.