Set the style of the box shadow to either be an outer or inner shadow. A positive value increases the size of the shadow, a negative value decreases the size of the shadow. Positive values put the shadow below and right of the box, negative values put it above and left of the box. Set the vertical and horizontal position of the box shadow. You can change the overflow using the overflow option below. Thus, depending on the setup, some contents might get clipped. IMPORTANT: In order to make border radius work in browsers, the overflow CSS rule of the container will be set to hidden. Leave empty for default value of 0px, 30px, 0px, 30px on 100% width template.Ĭontrols the border size of the container element.Ĭontrols the border color of the container element.Įnter values including any valid CSS unit, ex: 10px. Leave empty for default value of 0px, 0px, 0px, 0px on default template. Enter values including any valid CSS unit, ex: 4%.Įnter values including any valid CSS unit, ex: 10px or 10%. Timezone of site is used.Īdd a class to the wrapping HTML element. Use SQL time format: YYYY-MM-DD HH:MM:SS. If publish until or publish after are selected the container will be in draft mode when not published.Ĭontrols when the container should be published. If draft is selected the container will only be visible to logged in users with the capability to publish posts. You can choose more than one at a time.Ĭontrols the publishing status of the container. This name will be the id you will have to use in your one page menu.Ĭhoose to show or hide the section on small, medium or large screens. Select to set all columns that are used inside the container to have equal height.Ĭhoose container HTML tag, default is div. Set to "Yes" to center the content vertically on 100% height containers. Select how the columns will be justified horizontally.Ĭontrols whether flex items are forced onto one line or can wrap onto multiple lines.Ĭontrols the spacing between columns of the container. Select how you want columns to align within rows. IMPORTANT: These settings will only take full effect when multiple rows are present. This option will not work within off canvas.ĭefines how rows should be aligned vertically within the container. IMPORTANT: When this option is used, the mobile visibility settings are disabled. Select to add this container to a collection of 100% height containers that share scrolling navigation. Set the minimum height for the container. IMPORTANT: Mobile devices are even shorter in height so this option can be disabled on mobile in Global Options while still being active on desktop. Larger content that is taller than the screen height will be cut off, this option works best with minimal content. Select if the container should be fixed to 100% height of the viewport. Select if the interior content is contained to site width or 100% width. Read on below to discover all you need to know about the Container Element, and watch the video below for a visual overview of this most important of Elements. The Container Element is massively flexible, and it provides a great range of both functional and design options that allow you to build your site exactly how you want it. And for a full rundown of Legacy settings for Containers, please see our Container and Column Element Legacy Settings document. For more information on these exciting changes, please see the Introducing Flexbox for Containers and Columns documentation. At the same time, we have kept our classic setup for Containers and Columns, in case you want to keep using it on pre-existing sites.īy default, Flexbox will not be enabled on existing sites and containers, but will be for new sites and new containers on existing sites. This means that extremely flexible positioning and spacing have now arrived in Avada. This element is the structural foundation of all page layouts created within Avada Builder, and is an integral part of making sure your designs stay organized and intact, as well as being a great design tool for your layout.īack inAvada 7.0, we completely re-imagined both the Container and Column elements, basing them on CSS Flexbox. One of Avada’s most fundamental and versatile Design Elements is the Container Element.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |