Wer kann helfen: Linkbox im Layout "stripe responsive" formatieren

  • Hallo zusammen,

    hier entsteht unsere neue Homepage: pageflix.g2web.de und wir brauchen Eure Hilfe:

    irgendwie ist es uns gelungen in der Linkbox den Text "mehr erfahren" (siehe Anlage) als "Button" darzustellen.

    Dazu haben wir den Text anstatt mit "Absatz" mit "Formatiert" im WYSIWYG eingestellt.

    Das sieht gut aus und möchten wir auch gerne so haben, aber wo kann ich z.B. die Hintergrundfarbe dieser "Box in der Box" einstellen?

    Jetzige Farbe ist #F5F5F5 (das leichte Grau).

    Liebe Grüße

    Thomas

  • Hallo,

    ich verstehe nicht, was mit Dazu haben wir den Text anstatt mit "Absatz" mit "Formatiert" im WYSIWYG eingestellt gemeint ist. Bitte beschreiben Sie Schritt für Schritt, wie Sie da vorgegangen sind. Ein Link zur entsprechenden Seite ist auch immer sehr hilfreich, weil man da ggf. im Code schon sehen kann, was Sie gemacht haben.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo Steffen,

    der Link zur Seite ist in jedem Post angegeben angegeben :) : http://pageflix.g2web.de

    Schritte:

    1. Linkbox bearbeiten

    2. WYSIWYG-Editor öffnet sich

    3. den Text "mehr erfahren" highlighen

    4. Textformatierung von "Absatz" auf "Formatiert" im Dropdown einstellen.

    5. Textformatierung auf "Open Sans" stellen - dann wird auch die Schriftart übernommen.

    Das löst diesen Button-Look aus.

    Reicht das zum Nachvollziehen? Ich kann Dir heute Abend auch noch einen Screencast-Link schicken.

    Liebe Grüße

    Thomas

  • So kann ich es nachvollziehen. Ausgelöst wird die Darstellung dadurch, dass der text nach Ihrer Formatierung in <pre>-Tags dargestellt wird, für die im genutzten Layout entsprechende Farbeinstellungen vorhanden sind. Das können Sie mit entsprechendem inline CSS überschreiben:

    • Linkbox zum Bearbeiten doppelklicken
    • In der Toolbar per Klick auf das <>-Icon auf Quelltext-Darstellung umschalten
    • Dem <pre>-Tag inline CSS hinzufügen, wie z.B.: <pre style="background-color: red !important">
    • Mit Klick auf OK, die Änderungen am Widget speichern.

    Dadurch wird dann ein roter Hintergrund dargestellt.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Ich möchte in meinen Linkboxen auch gerne einen solchen Button gestalten.

    Offenbar funktioniert das im FlatResponsive nicht ganz gleich.

    Hat jemand eine Möglichkeit für mich?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!