Tagline Box Shortcode
Avada’s promotion box is very versatile and has numerous meta options for easy customization. Insert a title, body copy and a button link for default, or customize it by adding a shadow, changing the background color, border size, border color and highlight position. Users can set custom links and link target for the button.
Diese Boxen sind sehr anpassbar mit zahlreichen Optionen zur Auswahl!
Markieren Sie die Randposition
Platzieren Sie den Markierungsrand an vier Positionen: Links, Rechts, Oben und Unten. Sie können auch festlegen, dass überhaupt kein Hervorhebungsrahmen vorhanden ist.
Markieren Sie den Rand oben
Markieren Sie den Rand unten
Markieren Sie den Rand links
Markieren Sie den Rand rechts
Anpassungseinstellungen
Mit den Shortcode-Optionen können Sie Hintergrundfarben, Akzentfarben, Rahmengröße und Farbe festlegen, einen unteren Schatten anzeigen und die Deckkraft dafür festlegen.
Eine auffällige Tagline-Box ohne Rand und mit langem Titel
Eine stilvolle Tagline-Box mit einem Rand
Verwendung mit Spalten
Avada’s Tagline Box Shortcode can also be used with columns to control the width and to make them fit better on your website. They are also fully responsive and will look beautiful on any screen resolution.
Promo-Boxen funktionieren auch mit 1-6 Spalten
Promo-Boxen funktionieren auch mit 1-6 Spalten
Promo-Boxen funktionieren auch mit 1-6 Spalten
Anzeigetasten
Fügen Sie eine Schaltfläche in Ihren Tagline-Box-Shortcode ein und legen Sie benutzerdefinierte Links und Linkziele für die Schaltfläche fest.
Eine Schaltfläche anzeigen
Eine Schaltfläche anzeigen
Längere Knöpfe? Kein Problem!Eine Schaltfläche anzeigen
Vollständiger Satz von Optionen
Jede Option und Beschreibung, die in der Warnungs-Shortcode enthalten ist, ist unten aufgeführt.
- Hintergrundfarbe – Accepts a hexcode (#000000), RGBA values (rgba (0,0,0,0)) oder bestimmte alphabetische Werte. Zum Beispiel #AA0000, (0.5, 0.5, 0.5, 1), schwarz, or transparent. Sets the background’s color. Leave Blank for Theme Option selection.
- Schatten - Kann einer dieser Werte sein: ja, or Nr. Dadurch wird der Schatten ein- oder ausgeblendet.
- Schattenkapazität – Can be a numerical value from 0.1 zu 1. Sets the shadow’s opacity level. 1 entspricht 100%.
- Grenze – Accepts a pixel value. For example, 1px.
- Randfarbe – Accepts a hexcode (#000000), RGBA values (rgba (0,0,0,0)) oder bestimmte alphabetische Werte. Zum Beispiel #AA0000, (0.5, 0.5, 0.5, 1), schwarz, or transparent. Sets the border’s color. Leave Blank for Theme Option selection.
- Highlightposition - Kann einer dieser Werte sein: keine, links, rechts, oben, or unten. Legt die Position der Markierung fest.
- content_alignment - Kann einer dieser Werte sein: links, Mitte, or Recht. Sets the content’s alignment.
- Link – The URL path where the button links to. For example, http://www.example.com/
- Linkziel - Kann einer dieser Werte sein: _blank für neues Fenster, _selbst für das gleiche Fenster.
- modal - Das eindeutige Kennung dauert ebenfalls 3 Jahre. Das erste Jahr ist das sog. Hauptstadt shortcode you’ve created that allows the button to trigger the modal.
- Knopfgröße - Kann einer dieser Werte sein: Standard, klein, mittel, groß, or xlarge. Sets the button’s size.
- button_shape - Kann einer dieser Werte sein: Standard, Quadrat, Pille, or Runde. Sets the button’s shape.
- button_type - Kann einer dieser Werte sein: Standard, flach, 3d. Sets the button’s type.
- Knopffarbe - Kann einer dieser Werte sein: Standard, grün, dunkelgrün, orange, blau, rot, pink, dunkelgrau, or hellgrau. Lassen Sie das Feld für die Auswahl der Themenoption leer.
- Taste wieder los. - Die benutzerdefinierter Schaltflächentext. For example, Hier klicken.
- Titel - Die benutzerdefinierter Titeltext. Beispielsweise, Titel 1.
- Beschreibung - Die benutzerdefinierter Beschreibungstext.
- animation_type - Kann einer dieser Werte sein: keine, springen, verblassen, blinken, schütteln, or rutschen. Legt die Animation fest, die für den Shortcode verwendet werden soll.
- animation_direction - Kann einer dieser Werte sein: unten, rechts, links, or bis. Legt die Eingangsrichtung für die Animation fest.
- Animations Geschwindigkeit - Akzeptiert einen numerischen Wert von .1, was am langsamsten ist, zu 1, das ist das schnellste.
- 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.