Content Boxes Element
The Content Box Element is perhaps the most versatile Element of all. Avada includes 6 pre-designed content box layouts, and a plethora of options, that allow you to take your design so much further. Each layout has been carefully designed and crafted with customization options in mind. They work with our entire column framework, font awesome icons, SEO optimized titles and our advanced options network, so you can easily set them up as you desire. Read below to discover more about this incredibly versatile element.
How To Use The Content Boxes Element
The Content Boxes Element allows you to add a wide variety of content boxes anywhere in your content. This is a fully featured element, with many options.
Step 1 – Create a new page or edit an existing one.
Step 2 – Add a container then select your desired column layout.
Step 3 – Click the ‘+ Element’ button to bring up the Elements window. Locate the ‘Content Boxes’ element and click it to bring up its options window.
Step 4 – The options on the right hand side are Parent Options, and affect the whole series of content boxes. This element has a plethora of options, starting with 8 pre-designed layouts to choose from. Make sure to view the Element Demo page, to fully appreciate the different layouts and options on offer.
Step 5 – Once you have chosen your layout, you can slowly move down the Parent Options, deciding how to style the Content Boxes. Note that the second option is Number of Columns. This element can be inserted into any size column, and by choosing how many columns to display will determine how many Content Box items are displayed across the column width. If there are more items than the number of columns chosen, the remaining items will display on a new row below the first. If there are fewer item than the number of columns chosen, the full width of the column will not be used.
Step 6 – Once you have set all your Parent Options, you add Child Items on the left. Click the pencil icon to edit the existing item. The Child Item Options Panel appears. Note that you can override a large number of of global options here, customizing the individual content box. At the bottom of the Child Options, you will find the Content Box Content field, where you add the content for the individual content boxes.
Step 7 – You can then duplicate existing, or create new, content boxes by clicking on the Clone Item icon, or the + Content Box button respectively.
Step 8 – Once you have completed adding your content boxes, click Save. You will be returned to the edit page. You can preview the page to view your content boxes, and you can always edit the element again to make changes.
Read below for a detailed description of all element options.
Location: The edit screen within each Element.
You can deploy as many individual Elements in pages and posts as you need, there is no limit. Within each of the Elements you will see a tab or tabs that house an array of options that make it possible for you to configure each Element independently, and greatly enhance your flexibility and creative options.
Note: The Default setting will use the global settings assigned for this element in your Theme Options > Fusion Builder Elements > Content Box Element section. Also, please note that the displayed options screens below show ALL the available options for the element. If you have Avada’s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.
Add / Edit Settings
Content Box General Tab
Content Box Animation Tab
Location: WordPress Dashboard > Avada > Theme Options > Fusion Builder Elements > Content Box Element
The Avada Advanced Options Network gives you amazing flexibility with additional Global Element Options that allows you to control individual Element default settings.