Containers

Avada verwendet den Fusion Builder, der mit Containern arbeitet. Der gesamte Inhalt wird in Containern gespeichert, der Fluss ist Container> Spalten> Elemente. Jeder Container verfügt über mehrere Optionen zum Erstellen Ihrer Site. Container können sich über die gesamte Breite Ihres Browserfensters erstrecken oder Inhalte innerhalb der Site-Breite enthalten. Sie können Hintergrundbilder, Parallaxeneffekte, Rahmen, Farben, Polsterung, Positionierung und vieles mehr enthalten.

Video & Image Backgrounds

Container bieten eine Fülle von Anpassungseinstellungen, um Ihre Seiten so einzigartig und elegant wie möglich zu gestalten. Wählen Sie ein Bild, einfarbig oder sogar ein Video als Hintergrund aus. Kontrollieren Sie die Rahmengröße und -farbe, die Polsterung sowie die Position der Sektion. Dieser Shortcode hat auch einen einzigartigen Effekt, der Bildhintergründe verwischt und verblasst.

Container Video Backgrounds

Dieselben selbst gehosteten Videohintergründe, die mit unserem Fusion Slider verwendet werden können, sind auch in Containern verfügbar. Verwenden Sie Farbüberlagerungen, legen Sie die Deckkraft fest, stummschalten und loopen Sie die Videos. Videohintergründe sind perfekt, um Ihren Layouts einen optischen Touch zu verleihen.

Awesome Blur/Fading Effect On Scroll For The Container Background Image

PURCHASE AVADA

Use as Many As You Want!

Use as many Containers as you need to create beautiful layouts that will capture your viewer’s attention. Set background images, colors or videos to span 100% browser width to make it even more interesting.

We Are Here To Serve You

Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui. Ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla.

Our Crazy Skills

Web Design 90
HTML/CSS 95
Graphic Design 85
WordPress 75

This Is Content Inside of A Container

  • Fully responsive so your content will always look good on any screen size
  • Awesome sliders give you the opportunity to showcase your content
  • Advanced theme options panel to easily customize your website
  • Multiple layout options for home pages, portfolio and blog section
  • Amazing shortcodes loaded with meta options for easy customization
  • We offer free support because we care about your site as much as you.

Spacing & Width Options

Setzen Sie Container auf 100% der gesamten Breite oder auf die Seitenbreite in den Designoptionen. Legen Sie den Abstand zwischen den Spalten sowie den oberen, unteren, linken und rechten Abstand fest. Der Container enthält außerdem eine Option, mit der Sie festlegen können, dass Spalten die gleiche Höhe haben.

100% Content Width

Inhalt, der auf der Innenseite eines Containers mit voller Breite platziert wird, kann jetzt auf 100% des Browserfensters festgelegt werden. Diese kleine Option bietet Ihnen große Flexibilität beim Erstellen von Creative-Layouts.

Equal Column Heights

Die Höhe der Spalte hängt vom inneren Inhalt ab. Manchmal kann dies eine Design-Ablenkung sein. Jetzt können Sie einfach Spalten in einem Container mit voller Breite auf gleiche Höhe einstellen.

Spacing Between Columns

Wir lieben Abstand, es wird für sauberes Design benötigt. Viele Situationen werden jedoch ohne Abstände zwischen den Spalten noch besser aussehen. Avada 3.7 gibt Ihnen die Möglichkeit, die Entscheidung zu treffen.

Complete Set of Options

Every option and description included with the container element is listed below.

  • backgroundcolor – Accepts a hexcode ( #000000 ). Sets the icon’s background color. Leave blank for Theme Option selection.
  • backgroundimage – The URL path of the background image you’d like to display, starting with http:// and usually ending on .jpg, .png or .gif.
  • backgroundrepeat – Can be one of these values: no-repeat, repeat, repeat-y, or repeat-x. Sets how the background repeats.
  • backgroundposition – Accept a pixel value, percentage or certain alphabetic values. For example, 50px, 100%, left top, left center, left bottom, right top, right center, right bottom, center top, center center, or center bottom. Sets the background’s position.
  • backgroundattachment – Can be one of these values: fixed, scroll, or local. Sets how the background scrolls.
  • video_webm – The URL path of your WebM video file. WebM and MP4 format must be included to render your video with cross browser compatibility.
  • video_mp4 – The URL path of your MP4 video file. WebM and MP4 format must be included to render your video with cross browser compatibility.
  • video_ogv – The URL path of your OGV video file. This parameter is optional.
  • video_preview_image – The URL path of the preview image you’d like to display, starting with http:// and usually ending on .jpg, .png or .gif. If uploading Self-Hosted videos, this parameter must be filled.
  • video_mute – Can be one of these values: yes, or no. This will enable or disable mute.
  • video_loop – Can be one of these values: yes, or no. This will enable or disable video loop.
  • overlay_color – Accepts a hexcode ( #000000 ). Sets the video’s overlay color. Leave blank for Theme Option selection.
  • overlay_opacity – Can be a numerical value from 0.1 to 1. Sets the color opacity level. 1 is equivalent to 100%.
  • fade – Can be one of these values: yes, or no. Sets the image to fade and blur on scroll. This parameter is for images only.
  • bordersize – Accepts a pixel value that sets the border’s size. For example, 5px.
  • bordercolor – Accepts a hexcode ( #000000 ). Sets the border’s color. Leave blank for Theme Option selection.
  • borderstyle – Can be one of these values: solid, dashed, or dotted. Sets the border’s style.
  • paddingtop – Accepts a numerical value that sets the top padding in pixels. For example, 20.
  • paddingbottom – Accepts a numerical value that sets the bottom padding in pixels. For example, 20.
  • paddingleft – Accepts a numerical value that sets the left padding in pixels. For example, 20.
  • paddingright – Accepts a numerical value that sets the right padding in pixels. For example, 20.
  • menu_anchor – The unique name you give the corresponding menu item.
  • equal_height_columns – Can be one of these values: yes, or no. Sets all the column shortcodes inside the container to be equal in height.
  • hundred_percent – Can be one of these values: yes, or no. Sets if the interior content is 100% width or contained to the site width setting. Selecting yes will remove left/right padding.
  • class – Add a custom class to the wrapping HTML element for further css customization.
  • id – Add a custom id to the wrapping HTML element for further css customization.

Join The 100,000+ Satisfied Avada Users!

BUY AVADA NOW!