Container

Avada uses Fusion Builder which operates using containers. All content goes inside of containers, the flow is container > columns > elements. Each container has several options to help build your site. Containers can span the entire width of your browser window, or keep content contained inside the site width, they can have background images, parallax effects, borders, colors, padding, positioning, and a lot more.

Video & Image Backgrounds

Containers provide an abundance of customization settings to make your pages look as unique and elegant as possible. Choose an image, solid color, or even a video to be your  background. Control the border size and color, the padding, as well as the position of the section. This shortcode also has a unique effect that blurs and fades image backgrounds.

Container Video Hintergründe

Dieselben selbst gehosteten Videohintergründe, die mit unserem Fusion Slider verwendet werden können, sind auch in Containern verfügbar. Verwenden Sie Farbüberlagerungen, stellen Sie die Farbopazität ein, schalten Sie die Videos stumm und wiederholen Sie sie. Videohintergründe eignen sich perfekt, um Ihren Layouts eine visuelle Attraktivität zu verleihen.

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

AVADA KAUFEN

Verwenden Sie so viele, wie Sie möchten!

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.

Wir sind hier, um Ihnen zu dienen

Deckel est laborum dolo rumes fugats untras. Etharums ser quidem rerum easis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets. Sed ut perspiciatis unde omnis iste natus error sit voluptatem Ankläger doloremque laudantium, totam rem aperiam Nemo enim ipsam voluptatem quia voluptas sitzen aspernatur aut odit aut fugit, sed quia konsequuntur magni dolores eos qui.

Ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sitzen amet, consectetur, adipisci velit, sed quia nicht numquam eius modi tempora incidunt ut labore und dolore magnam aliquam quaerat voluptatem. Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla.

Unsere verrückten Fähigkeiten

Web Design 90
HTML / CSS 95
Grafikdesign 85
WordPress 75

Dies ist der Inhalt eines Containers

  • Vollständig ansprechend, so dass Ihre Inhalte auf jeder Bildschirmgröße immer gut aussehen
  • Mit fantastischen Schiebereglern können Sie Ihre Inhalte präsentieren
  • Erweiterte Themenoptionen zum einfachen Anpassen Ihrer Website
  • Mehrere Layoutoptionen für Startseiten, Portfolio und Blog-Bereich
  • Erstaunliche Shortcodes mit Metaoptionen zur einfachen Anpassung
  • Wir bieten kostenlosen Support, da uns Ihre Website genauso wichtig ist wie Sie.

Spacing & Width Options

Set Containers to be 100% full width, or contained to the site width in theme options. Set the spacing between columns, as well as the top, bottom, left and right padding. The container also includes an option that lets you set columns to have equal heights.

100% Inhaltsbreite

Inhalte, die sich in einem Container voller Breite befinden, können jetzt auf 100% des Browserfensters eingestellt werden. Diese kleine Option bietet Ihnen große Flexibilität beim Erstellen kreativer Layouts.

Gleiche Spaltenhöhen

Die Höhe der Säule hängt vom Inneninhalt ab. Manchmal kann dies eine Ablenkung des Designs sein. Jetzt können Sie Spalten in einem Container voller Breite ganz einfach auf gleiche Höhen einstellen.

Abstand zwischen Spalten

Wir lieben Abstände, sie werden für ein klares Design benötigt. Viele Situationen sehen jedoch ohne Abstand zwischen den Spalten noch besser aus. Avada 3.7 gibt Ihnen die Möglichkeit, die Entscheidung zu treffen.

Vollständiger Satz von Optionen

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

  • Hintergrundfarbe - Akzeptiert einen Hexcode (# 000000). Legt die Hintergrundfarbe des Symbols fest. Lassen Sie das Feld für die Auswahl der Themenoption leer.
  • Hintergrundbild – The URL path of the background image you’d like to display, starting with http:// und endet normalerweise am .jpg, .png or .gif.
  • Hintergrund Wiederholung - Kann einer dieser Werte sein: no-repeat, repeat, repeat-y, or wiederhole-x. Legt fest, wie sich der Hintergrund wiederholt.
  • Hintergrundposition - Akzeptieren Sie einen Pixelwert, einen Prozentsatz oder bestimmte alphabetische Werte. Zum Beispiel, 50px, 100%, links oben, links in der Mitte, links unten, rechts oben, rechts in der Mitte, rechts unten, Mitte oben, Mitte in der Mitte, or Mitte unten. Legt die Position des Hintergrunds fest.
  • Hintergrundanhaftung - Kann einer dieser Werte sein: behoben, scrollen, or Lokale. Legt fest, wie der Hintergrund gescrollt wird.
  • video_webm – The URL path of your WebM video file. WebM und MP4 Das Format muss enthalten sein, damit Ihr Video browserübergreifend gerendert werden kann.
  • video_mp4 – The URL path of your MP4 video file. WebM und MP4 Das Format muss enthalten sein, damit Ihr Video browserübergreifend gerendert werden kann.
  • 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:// und endet normalerweise am .jpg, .png or .gif. Beim Hochladen Selbst gehostet Videos muss dieser Parameter ausgefüllt werden.
  • video_mute - Kann einer dieser Werte sein: ja, or Nr. Dadurch wird die Stummschaltung aktiviert oder deaktiviert.
  • video_loop – Can be one of these values: ja, or Nr. Dadurch wird die Videoschleife aktiviert oder deaktiviert.
  • overlay_color - Akzeptiert einen Hexcode (# 000000). Sets the video’s overlay color. Leave blank for Theme Option selection.
  • overlay_opacity – Can be a numerical value from 0.1 zu 1. Legt die Farbopazität fest. 1 entspricht 100%.
  • verblassen - Kann einer dieser Werte sein: ja, or Nr. Legt fest, dass das Bild beim Scrollen ausgeblendet und unscharf wird. Dieser Parameter ist für Bilder nur.
  • Rahmengrösse - Akzeptiert einen Pixelwert, der die Größe des Rahmens festlegt. Zum Beispiel, 5px.
  • Randfarbe - Akzeptiert einen Hexcode (# 000000). Legt die Farbe des Rahmens fest. Lassen Sie das Feld für die Auswahl der Themenoption leer.
  • Borderstyle - Kann einer dieser Werte sein: solide, gestrichelt, or gepunktet. Legt den Stil des Rahmens fest.
  • paddingtop – Accepts a numerical value that sets the top padding in pixels. For example, 20.
  • Polsterung unten – 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 - Das einzigartiger Name Sie geben den entsprechenden Menüpunkt an.
  • equale_Höhenspalten - Kann einer dieser Werte sein: ja, or Nr. Legt fest, dass alle Spalten-Shortcodes im Container gleich hoch sind.
  • hundert Prozent – Can be one of these values: ja, or Nr. Legt fest, ob der Innenrauminhalt 100% breit ist oder in der Einstellung für die Site-Breite enthalten ist. Auswählen ja entfernt die linke / rechte Polsterung.
  • Klasse - Füge hinzu ein benutzerdefinierte Klasse um das HTML-Element für die weitere CSS-Anpassung.
  • id - Füge hinzu ein benutzerdefinierte ID um das HTML-Element für die weitere CSS-Anpassung.

Treten Sie den 100,000 + Zufriedenen Avada-Benutzern bei!

JETZT AVADA KAUFEN!