Das hat mich erwischt. Ich frage mich tatsächlich, ob dies ein Fehler ist oder mein Thema die Stile des visuellen Komponisten behindert. Ich habe eine Reihe mit Reiheneinstellungen – Reihe strecken. Bis hier ist alles in Ordnung. Was ich nicht erreichen kann, ist, ein Widget (z. B. einen Textblock) darin zu zentrieren. Das Widget wird tendenziell linksbündig ausgerichtet. Das Ändern der Zeileneinstellungen bringt nichts. Es hat eine Option, einen Text vertikal auszurichten, aber nicht horizontal auszurichten? Grundsätzlich möchte ich meine Inhaltszeilen ausstellen text-align:center.
Wie richte ich ein Widget-Center in einer wpbakery-Zeile aus?
Lesezeit: 3 Minuten
14379100cookie-checkWie richte ich ein Widget-Center in einer wpbakery-Zeile aus?
Ich verwende WPBakery auch ab und zu zum Entwerfen von WordPress-Websites und Sie haben keine Einstellung für die horizontale Ausrichtung direkt. Dazu müssen Sie benutzerdefinierten CSS-Code verwenden. Sie haben ein paar Optionen, aber wenn Sie mich fragen, ist die beste Option die Verwendung von Flexbox, einem relativ neuen CSS-Aspekt. Also hier sind die Dinge, die Sie tun sollten.
- Wählen Sie in den Responsive-Optionen der Spalte, die Sie zentrieren möchten, Folgendes aus:
10 columns - 5/6 - Wählen Sie die Zeileneinstellungen aus und schreiben Sie in den zusätzlichen Klassennamen so etwas wie dieses
center-content - Schließlich gibt es auf der Seite, die Sie entwerfen, einen Abschnitt, in dem Sie Nur-Seiten-CSS schreiben können, finden Sie ihn und schreiben Sie diesen Code:
.center-content {
display: flex;
justify-content: center;
}
Ich hoffe, das hilft jemandem da draußen in der gleichen Situation.
Versuchsmarge: auto. Kannst du einen Link teilen?
Sie können entweder dieses CSS verwenden oder die wpbakers haben einen Ort, an dem Sie die Auffüllung und die Ränder innerhalb des Tools anpassen können.
https://wpexplorer-themes.com/total/docs/visual-composer-spacing/
-
Ja, ich habe vorerst mit einer ähnlichen Technik improvisiert. Eine benutzerdefinierte Klasse zur Zeile hinzugefügt und Textausrichtungszentrum hinzugefügt. Es funktioniert so, wie ich es möchte, aber ich wollte wissen, warum wpbakery das nicht für mich tun kann. Danke für deine Antwort
– Arshiva
4. Oktober 2018 um 21:11 Uhr
Ich habe das gefunden, auf der Demo meines Thems (Revolutionsthema) haben sie diesen Text auf den “zusätzlichen Klassennamen” gesetzt: Text-Center Align-Center
Anscheinend gibt es keinen einfachen Knopf, der das erlaubt. Sie müssen Ihre CSS-Klasse manuell eingeben. Das ist seltsam für einen Baumeister wie diesen …
-
Ich denke, auf Englisch ist dies eher “zusätzlicher Klassenname” als “zusätzlicher Klassenname”. Ich habe meine WordPress auf Französisch, daher bin ich mir über die genaue Terminologie nicht sicher.
– chab
22. August 2019 um 8:24 Uhr
WPbakery ist ein kostenpflichtiges Plugin, also hast du sicher eine Lizenz und kannst dich an den Support wenden, ich denke, das ist das Beste.
– Temani Afif
4. Oktober 2018 um 20:34 Uhr
Ich habe dieses Plugin in einem Design gebündelt, das der Kunde gekauft hat. Ich habe nicht viel Erfahrung in der Gestaltung. Ist das nicht eine sehr grundlegende Sache? für einen Inhaltsersteller, um die Möglichkeit zu geben, Inhalte links/rechts/zentriert auszurichten? Es ist noch interessanter, dass ich im Internet nichts Ähnliches zu diesem Problem finden konnte, was bedeutet, dass ich der einzige bin, der es falsch macht.
– Arshiva
4. Oktober 2018 um 21:04 Uhr
Nun, wenn Sie eine Zeile mit einer Spalte verwenden, funktioniert ein einfaches text-align:center, das auf Ihren Text angewendet wird
– Temani Afif
4. Oktober 2018 um 21:05 Uhr
Ja, ich habe ein Projekt geliefert, das nur das tut. Es funktioniert so, wie ich es wollte, aber ich wollte wissen, warum wpbakery das nicht für mich tun kann.
– Arshiva
4. Oktober 2018 um 21:14 Uhr
Da Text mit der Texteditoroption einfach auszurichten ist, benötigen wir wahrscheinlich keine zusätzliche Option
– Temani Afif
4. Oktober 2018 um 21:19 Uhr