Elementor Linkfarbe ändern - Per CSS oder Einstellungen
Elementor ist ein beliebtes WordPress-Plugin, das es Benutzern ermöglicht, ihre Website mit einer einfach zu bedienenden Drag-and-Drop-Oberfläche zu gestalten. Eine der vielen Funktionen von Elementor ist die Möglichkeit, die Farbe der Links auf der Website zu ändern. Dies ist besonders nützlich für Benutzer, die ihre Website an das Corporate Design anpassen möchten. Die Änderung der Linkfarbe in Elementor kann auf verschiedenen Ebenen erfolgen. Benutzer können die Linkfarbe für die gesamte Website ändern oder nur für bestimmte Abschnitte oder Spalten. Dies gibt den Benutzern die Möglichkeit, die Linkfarbe genau dort zu platzieren, wo sie benötigt wird, um ein einheitliches Erscheinungsbild zu gewährleisten. Es gibt verschiedene Möglichkeiten, die Linkfarbe in Elementor zu ändern, einschließlich der Verwendung von CSS-Code oder der Verwendung von Elementor-Widgets. Benutzer können die Farbe von Links für normale und Hover-Status separat ändern.
Wie Man Die Linkfarbe In WordPress Elementor ändert
Wenn Sie die Farbe Ihrer Links in Elementor ändern möchten, gibt es verschiedene Möglichkeiten, dies zu tun. In diesem Abschnitt werden die grundlegenden Schritte zum Ändern der Linkfarbe sowie die Verwendung von CSS und globalen Einstellungen behandelt.
Grundlegende Schritte zum Ändern der Linkfarbe
Um die Farbe Ihrer Links in Elementor zu ändern, müssen Sie zunächst den Page Builder öffnen und den Bereich auswählen, in dem die Linkfarbe angepasst werden soll. Hierbei kann entweder ein bestimmter Abschnitt oder eine bestimmte Spalte ausgewählt werden. Klicken Sie auf das Icon, um den Bereich (oder die Spalte) zu bearbeiten. Wählen Sie dann die Option "Link" aus dem Dropdown-Menü "Typography" aus. Hier können Sie die Farbe der Links ändern, indem Sie entweder eine der vorgegebenen Farben auswählen oder eine individuelle Farbe eingeben. Klicken Sie auf "Aktualisieren", um die Änderung zu speichern.
Verwendung Von CSS
Wenn Sie die Linkfarbe in Elementor individuell anpassen möchten, können Sie CSS verwenden. Klicken Sie dazu auf das Burger-Icon oben links und navigieren Sie zum Punkt "Website-Einstellungen" und dann zu "Customizer". Hier können Sie eine neue CSS-Datei einfügen oder eine vorhandene Datei bearbeiten. Geben Sie die folgende Anweisung ein, um die Linkfarbe zu ändern:
a {
color: #000000;
}
Ersetzen Sie "#000000" durch die gewünschte Farbe. Sie können auch die Hover-Farbe ändern, indem Sie den folgenden Code verwenden:
a:hover {
color: #ff0000;
}
Ersetzen Sie "#ff0000" durch die gewünschte Hover-Farbe.
Verwendung Von Globalen Einstellungen
Eine weitere Möglichkeit, die Linkfarbe in Elementor zu ändern, besteht darin, die globalen Einstellungen zu verwenden. Klicken Sie dazu auf das Hamburger-Menü in der oberen linken Ecke des Widgets-Panel und wählen Sie "Site Settings" aus. Klicken Sie dann auf "Theme Style" und wählen Sie "Typography". Hier können Sie die Farbe der Links für beide Normal- und Hover-Zustände ändern. Sie können auch die Schriftart und Größe sowie andere Elemente ändern, um die Links an Ihre Bedürfnisse anzupassen.
Fazit: Es gibt verschiedene Möglichkeiten, die Linkfarbe in Elementor zu ändern, von der Verwendung von globalen Einstellungen bis hin zur individuellen Anpassung mit CSS. Die grundlegenden Schritte zum Ändern der Linkfarbe sind einfach und können in wenigen Klicks durchgeführt werden. Es wird empfohlen, die Verwendung von globalen Einstellungen zu nutzen, um die Linkfarben auf der ganzen Website zu erleichtern und die Aktualisierung zu vereinfachen.
Benötigen Sie Hilfe bei Ihrer WordPress Websitenerstellung ?
Wir von Inventmedia helfen Ihnen gern bei der Seitenerstellung in WordPress.