Zum Inhalt springen

Design & Website-Daten

Farben ändern

Anleitung

So änderst du die Farben deiner Website. Die Farben gelten für alle Seiten, so bleibt dein Auftritt einheitlich.

Farben ändern – dein Stil in wenigen Klicks

Wichtig: Die Farbgestaltung wirkt sich immer auf alle Seiten deiner Website aus. Das sorgt für ein durchgängiges, professionelles Erscheinungsbild – ganz ohne jedes Mal einzelne Sektionen anpassen zu müssen.

So funktioniert’s:

  1. Öffne im Hauptmenü den Bereich Webseiten (CMS) > Seiten
  2. Klicke rechts oben auf „Webseite bearbeiten“
Screenshot zu „Menü und Navigation anpassen“: Klicke oben rechts auf „Navigationen bearbeiten“
  1. Wähle auf der linken Seite den Reiter DESIGN / STYLE aus (der Bereich wird pink hinterlegt)

    Hier kannst du jetzt deine individuellen Farben festlegen. Du brauchst dafür die HEX-Codes deiner Farben – z. B. #0077cc für ein kräftiges Blau.

Diese Farben kannst du anpassen:

Screenshot zu „Farben ändern“: Diese Farben kannst du anpassen
  • Hauptfarbe

    Diese Farbe dominiert deinen Auftritt – z. B. als Hintergrundfarbe oder bei hervorgehobenen Elementen.

  • Schmuckfarbe

    Wird für Akzente genutzt – z. B. bei Buttons oder Icons.

  • Weißton & Schwarzton

    Leg fest, wie rein dein Weiß oder wie weich dein Schwarz aussehen soll – je nach gewünschtem Stil.

  • Neutralton

    Ideal für zurückhaltende Hintergrundflächen, die deine Inhalte ruhig wirken lassen.

  • Zusatzfarben 1–5

    Für besondere Elemente oder Kontraste. Beispiel: Du willst eine dritte, auffällige Farbe für Call-to-Action-Elemente? Nutze Zusatzfarbe 1 dafür.

    Wenn du hier nichts auswählst, entscheidet Ynfinite automatisch, ob helle oder dunkle Schrift besser lesbar ist – mithilfe mathematischer Kontrastberechnung. Das spart Zeit und sorgt für optimale Lesbarkeit.

Schriftfarbe einstellen:

Neben jeder Farbe findest du ein Dropdown-Menü zur Auswahl der passenden Textfarbe.

Tipp: Lass die automatische Auswahl einfach aktiviert, wenn du dir unsicher bist.

Änderungen speichern

Vergiss nicht, ganz unten rechts auf „Speichern“ zu klicken – sonst gehen deine Änderungen verloren.

Darkmode aktivieren

Screenshot zu „Farben ändern“: Darkmode aktivieren

Möchtest du deine Website im Darkmode darstellen, kannst du über einen Schalter im selben Bereich zwischen Hell- und Dunkelmodus wechseln.

Trage dann deine gewünschten Farben speziell für den Darkmode ein – so bleibt dein Design auch in dunkler Ansicht stimmig.

Bereiche einfärben – so nutzt du deine Farben gezielt

Wenn du weiter nach unten scrollst, findest du den Bereich „Bereiche einfärben“. Hier bestimmst du, wo genau deine Farben auf der Website erscheinen sollen.

Diese Optionen stehen dir zur Verfügung:

  • Seite Hintergrundfarbe
    Für den kompletten Seitenhintergrund – z. B. ein leichtes Grau statt reinem Weiß.
  • Sektionen Hintergrundfarbe
    Für größere farbliche Abgrenzungen einzelner Website-Bereiche.
  • Farbige Sektionshintergründe deaktivieren
    Falls du lieber mit einem durchgehenden Hintergrund arbeitest, kannst du farbige Sektionen hier ausschalten.
  • Kacheln Hintergrundfarbe
    Die Farbe hinter deinen Inhaltsboxen – ideal, um bestimmte Inhalte hervorzuheben.
  • Header-Navigation, Seiten-Navigation & Footer-Farbe
    Bestimme, wie Navigationsleisten und der Fußbereich deiner Website eingefärbt werden sollen.
Screenshot zu „Farben ändern“: Header-Navigation, Seiten-Navigation & Footer-Farbe Bestimme, wie Navigationsleisten und der Fußbereich deiner Website …

Tipp: Schau dir zuerst an, wie sich deine neuen Farben auf das Design auswirken, bevor du an dieser Stelle weitere Feinjustierungen machst. Manchmal ist weniger mehr.

Dein Banner (großes Bild am Seitenanfang) lässt sich ebenfalls anpassen:

  • Banner-Farbe
    Aktiviere die Option, um Überschriften einzufärben. Diese Einstellung sorgt dafür, dass die Überschriften auf der Webseite in einer bestimmten Farbe dargestellt werden.
  • Transparenz der Banner-Boxen
    Bestimme, wie durchscheinend die Textelemente auf dem Banner erscheinen sollen.
  • Animation & Geschwindigkeit
    Leg fest, wie sich Bannerbilder bewegen (z. B. sanftes Überblenden) und wie schnell der Wechsel erfolgt.
    Tipp: 5000 Millisekunden = 5 Sekunden pro Bild.
Screenshot zu „Farben ändern“: Animation & Geschwindigkeit Leg fest, wie sich Bannerbilder bewegen (z. B. sanftes Überblenden) und wie schnell der …

Layer – für mehr Lesbarkeit

Mit dem Layer kannst du dunkle Überlagerungen aktivieren, um Text auf Bildern besser sichtbar zu machen – vor allem im Darkmode.

  • Transparenz einstellen:
    Je niedriger der Wert, desto dunkler die Überlagerung – probier hier einfach ein bisschen aus.

FAQ

Fragen zum Thema

  • Ich habe mein Passwort vergessen. Was tun?

    Kein Problem: Klicke auf der Anmeldeseite live.ynfinite.de unter dem Login-Feld auf „Passwort vergessen“ und gib die E-Mail-Adresse ein, mit der du registriert bist. Du bekommst eine E-Mail mit einem Link, über den du ein neues Passwort vergibst. Keine E-Mail da? Schau im Spam-Ordner nach oder schreib uns an support@ynfinite.com.

    → Einloggen und Passwort zurücksetzen

  • Kann ich meine Seite auf einen früheren Stand zurücksetzen?

    Nein, das geht aktuell nicht: Ynfinite speichert keine früheren Versionen, gelöschte oder überschriebene Inhalte lassen sich nicht wiederherstellen. Sichere längere Texte deshalb vor dem Speichern lokal, zum Beispiel in Word oder Google Docs, und mach bei größeren Änderungen Screenshots.

    Hast du versehentlich etwas Wichtiges gelöscht, schreib so schnell wie möglich an support@ynfinite.com – in seltenen Fällen können wir im Backend noch etwas rekonstruieren.

  • Kostet der Support etwas?

    Nicht, wenn deine Anfrage in deinem Paket enthalten ist: zum Beispiel Fehler durch ein Update, Korrekturen innerhalb deiner gebuchten Korrekturrunden oder Fragen zu Rechnungen. Zusatzwünsche wie individuelle Anpassungen, Zusatztools nach dem Livegang oder Strategieberatung berechnen wir mit 150 Euro pro Stunde, abgerechnet in 15-Minuten-Einheiten. Fallen Kosten an, sagen wir dir vorher Bescheid.

  • Passt ihr auch E-Mail-Signaturen an?

    Nein, das übernehmen wir nicht. E-Mail-Signaturen gehören zu deinem E-Mail-Programm (zum Beispiel Outlook, Apple Mail oder Gmail) und haben mit deiner Website nichts zu tun. Bei Fragen zur Signatur hilft dir dein IT-Dienstleister oder E-Mail-Anbieter weiter.

  • Warum bekomme ich eine Rechnung, obwohl meine Seite noch nicht live ist?

    Die monatlichen Lizenzkosten beginnen mit der Übergabe des Systems, nicht mit dem Livegang. Ab der Übergabe kannst du alle gebuchten Funktionen nutzen: Seiten-Editor, Inhalte, Medienbibliothek, KI-Texte und Social-Media-Planung. Ab dann entstehen auch bei uns laufende Kosten für Hosting, Speicher, KI und Service. Wann du live gehst, entscheidest du. Unser Tipp: Fang gleich an, dann geht deine Seite schneller und mit mehr Inhalten live.

  • Wie erreiche ich den Support?
  • Wo finde ich meine Rechnungen?

    Klick im Dashboard oben rechts auf das Personensymbol und wähle „Zahlung“. Weiter unten im Abschnitt „Rechnungen“ lädst du jede Rechnung als PDF herunter.

  • Wo ändere ich Inhalte?

    Unter INHALT: Ordner auswählen, Eintrag öffnen und bearbeiten, zum Beispiel alle Infos zur Region Köln. Was auf welcher Seite steht, kommt meist aus diesen Einträgen.

    → So ist Ynfinite aufgebaut

  • Wo ändere ich meine Rechnungsadresse?

    Klicke im Dashboard oben rechts auf das Personen-Symbol und wähle „Mein Konto“. Im Reiter „Rechnungseinstellungen“ trägst du die neue Adresse ein und speicherst. Als Firma achte darauf, dass Firmenname und Umsatzsteuer-ID stimmen.

  • Warum sehen viele Seiten gleich aus?

    Weil sie eine gemeinsame Vorlage nutzen: Alle Einträge eines Inhaltstyps, etwa alle Regionen oder Ratgeber, werden mit derselben Detailseite angezeigt. Das spart dir Arbeit und sorgt für einen einheitlichen Auftritt.

    → Was du gestalten kannst und was die Vorlage regelt

  • Wie ändere ich die Überschrift über den Teaserkacheln?

    Öffne die Seite unter WEBSEITEN → Seiten und dort die Sektion mit den Kacheln (Bleistift-Symbol). In den „Benutzerdefinierten Feldern des Templates“ änderst du die Überschrift für alle Seiten, auf denen die Sektion steht. In den „Benutzerdefinierten Feldern der Sektion“ änderst du sie nur auf dieser einen Seite.

    → Template-Text oder Sektionstext

  • Wo ändere ich den Aufbau einer Seite?

    Unter WEBSEITEN → Seiten: Seite öffnen und die Sektionen bearbeiten, zum Beispiel die Reihenfolge ändern oder eine neue Sektion einfügen.

    → Einzelseite anlegen

  • Wie ändere ich die Telefonnummer oben auf der Seite?

    Die Telefonnummer ist zentral hinterlegt: Geh im Menü auf WEBSEITEN → Seiten, klicke oben rechts auf „Webseite bearbeiten“ und trag sie im Reiter „GENERELLES“ bei den Unternehmensdaten ein. Sie ändert sich dann automatisch überall auf deiner Seite, auch im Footer.

    → Adresse und Kontaktdaten ändern

  • Kann ich Instagram-Bilder schöner anzeigen lassen?

    Ja, mit dem Schalter „Optimierte Bilder verwenden“ in deinem Social-Media-Plan. Instagram nutzt immer 1080 Pixel Breite; der Schalter bestimmt, ob die Höhe zugeschnitten werden darf. Hohe Bilder nehmen im Feed mehr Platz ein und fallen mehr auf. Am besten legst du Bilder gleich in 1080 × 1350 Pixel (Format 4:5) an.

    → Social-Media-Plan erstellen

  • Muss meine Region in der Überschrift stehen?

    Müssen nicht, aber wenn du bei Google gefunden werden willst, raten wir dazu. Google liest zuerst die Überschriften, und Menschen suchen regional, etwa „Haus verkaufen in Aachen“. Steht deine Region in der H1 und H2, ist das ein starkes Signal für Google und für Besucher aus der Gegend.

    → Regionenseiten für Google optimieren

  • Schaden iFrames dem SEO?

    Sie helfen zumindest nicht: Google wertet den Inhalt eines iFrames nicht als Teil deiner Website, er zählt also nicht für dein Ranking. Besser sind eine API-Anbindung, ein eigenes Ynfinite-Formular oder ein einfacher Link zum externen Tool.

    → iFrames einbinden

  • Gibt es ein Bewertungs-Plugin?

    Das hängt von dir ab. Nutzt du ein Plugin für Bewertungen, brauchst du die passenden Datenschutzhinweise des Herstellers in deiner Datenschutzerklärung: Anbietername, Zweck und gegebenenfalls Speicherort.

  • Ist die Seite SSL- bzw. TLS-verschlüsselt?

    Ja. Alle unsere Seiten laufen über eine sichere Verbindung, zu erkennen am https:// in der Adresszeile.

  • Nutzt meine Seite Usercentrics?

    Nein. In der Standard-Website ist kein Consent-Tool wie Usercentrics eingebaut. Du kannst eines nachrüsten, es ist aber nicht automatisch dabei.

  • Und was ist mit der Datenschutzerklärung selbst?

    Du kannst unsere Muster-Datenschutzerklärung verwenden, wir übernehmen aber keine Haftung für Richtigkeit und Vollständigkeit. Wenn du auf Nummer sicher gehen willst, nutze den Generator von eRecht24.

    → Datenschutzerklärung mit eRecht24 erstellen

Support

Nicht gefunden, was du suchst?

Schreib uns kurz, worum es geht – wir helfen dir weiter.

Diese Website verwendet Cookies

Wir verwenden Cookies und vergleichbare Techniken, um diese Website bereitzustellen und, mit deiner Einwilligung, Inhalte externer Dienste wie YouTube-Videos zu laden. Um fortzufahren, triff bitte eine Auswahl.

Weitere Informationen zu Datenschutz und Cookies findest du in unserer Datenschutzerklärung. Unter „Einstellungen“ kannst du einzelne Optionen gezielt ein- und ausschalten.

Einstellungen

  • Die Website verwendet Cookies, um Sitzungsinformationen zu speichern. Diese sind nicht personenbezogen und werden nicht von fremden Servern ausgelesen. Alle Bilder und Dateien liegen im Content-Management-System Ynfinite und werden von dort bereitgestellt. Ynfinite erhält dabei deine IP-Adresse, nutzt sie aber nur für die Auslieferung der Dateien und speichert sie nicht langfristig.

  • Inhalte aus externen Quellen wie Google (zum Beispiel Bewertungen aus dem Google-Unternehmensprofil und Karten), Videoplattformen und Social-Media-Plattformen. Wenn du externe Dienste akzeptierst, werden diese Inhalte ohne weitere Nachfrage geladen; die Anbieter erhalten dabei deine IP-Adresse.