Styling des Feed-Titels

  • Created : May, 12, 2016
  • Last Updated: Sep, 5, 2021

Easy Steps

Hintergrund- und Schriftfarben des Haupttitels
  1. Öffnen Sie Ihr Widget zur Bearbeitung (oder erstellen Sie ein neues)
  2. Öffnen Sie die Erweiterten Einstellungen ▼ im Abschnitt Feed-Titel des Einstellungsbildschirms
  3. Wählen Sie die Farben für den Feed-Titel und den Hintergrund in Hexadezimal oder aus einem Farbpicker
  4. Fügen Sie bei Bedarf eine URL für ein Hintergrundbild hinzu (transparente Bilder und animierte Gifs werden ebenfalls unterstützt)
  5. Klicken Sie auf die Schaltfläche Speichern & Code abrufen, um Ihre Änderungen zu speichern - Ihr Widget wird nach der Installation automatisch aktualisiert
feed title backgrounds

Anpassen der Haupttitelfarben

Hintergrundfarbe des Feed-Titels

Wenn Sie auf die Farbsymbole klicken, können Sie direkt im Hauptbereich des Feed-Titels Standardfarben auswählen. In den erweiterten Einstellungen sind anstatt der Standardoptionen vollständige Farbauswahlen verfügbar, wenn Sie auf die Farbsymbole klicken. Sie können auch einen hexadezimalen Farbcode in das Feld eingeben.

Wenn Sie die Farben Ihrer Webseite genauer gestalten möchten, verwenden Sie die Option unter Feed-Titel >Erweiterte Einstellungen und wählen Sie mithilfe des Farbwählers die genaue Farbe aus. Sie können auch den HTML code für die Farbe direkt eingeben.

Mit dem Farbwähler können Sie eine von Tausenden von Farben auswählen. Die Vorschau wird aktualisiert, wenn Sie den Farbbalken/Picker auswählen oder scrollen. Sie können die Grundfarbe mit der Scrollbar auf der rechten Seite und einen Farbton mit dem Hauptfarbwähler auswählen. Wenn Sie fertig sind, klicken Sie auf “OK” und der Picker wird geschlossen und Ihr Widget wird automatisch aktualisiert.

Schriftfarbe des Feed-Titels

Klicken Sie auf das Farbsymbol und wählen Sie mit dem Farbwähler eine Farbe aus, die Sie für die Schriftart des Feed-Titels wünschen. Sie können auch eine Farbe im Hexadezimalcode eingeben.


 

Entfernen des Links aus dem Haupttitel

Dies ist nicht im Einstellungsbildschirm möglich, aber es gibt eine Umgehungslösung.

  1. Schalten Sie das Custom Titel auf “Off”
  2. Erstellen Sie ein <div> um Ihr Widget Codeschnipsel
  3. Fügen Sie einen neuen Haupttitel in dieses erstellte <div> ein

Wenn Sie dies in einem von Ihnen gewünschten Stil gestalten möchten, müssen Sie eventuell CSS zu Ihrem <div> hinzufügen. Im Folgenden sehen Sie ein Beispiel für ein Widget, das diesen Code verwendet:


<div style="float:center; border:1px solid #dbdee1; width:600px; height:450px; text-align:center; margin-left:auto; margin-right:auto; margin-bottom:0;">
<h2 style="text-align:center; font-family:sans-serif; color:#237ffb;">This is the New Title</h2>
<!– start feedwind code –> <script type="text/javascript" src="https://feed.mikle.com/js/fw-loader.js" data-fw-param="1071/"></script><!– end feedwind code –></div>

This is the New Title


Start your free trial. FeedWind is the easiest way to add dynamic content on your website.
Create Now