1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

WP 5.1 OceanWP Kommentarfunktion formatieren

Dieses Thema im Forum "Design" wurde erstellt von Arleigh, 15. Mai 2019 um 04:53 Uhr.

  1. Arleigh

    Arleigh Member

    Registriert seit:
    Mittwoch
    Beiträge:
    6
    Zustimmungen:
    0
    Guten Morgen Freunde,
    ich benutze OceanWP. Wenn ich auf einer Seite, die ein Hintergrundbild hat, die "Kommentierungsfunktion" aktiviere, dann kann es sein, das die Kommentierung quasi nicht lesbar sind:

    https://www.consulting-worpswede.de/terminus/vuca/

    Hat jemand eine Idee, wie ich, entweder ähnlich wie beim Content, die Kommentarfunktion zwecks besserer lesbarkeit mit einem eigenen Hintergrund versehen kann, oder deren Formatierung (Schriftfarbe, -größe....) verändern kann.
    Sonst könnte man die Funktion ja nur bei weißem Hintergrund nutzen:

    https://www.consulting-worpswede.de/terminus/literaturempfehlungen/der-schwarze-schwan/

    Der Einsatz von einem Elementor Widget hilft nicht, weil ich dann neben dem Widget auch die Kommentarfunktion der Seite aus OceanWP sehe, ich das Element also zweimal auch der Seite habe.
     
  2. Crunchip85

    Crunchip85 Member

    Registriert seit:
    10. April 2019
    Beiträge:
    12
    Zustimmungen:
    1
    Du kannst im Customizer unter Zusätzliches CSS folgenden Code einfügen dann wird der Hintergrund weiß:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Damit hast du den Kommentarbereich in der gleichen Farbe wie den Content
    Soll der Inhalt weiß werden, dann: background-color: #fff; so ändern.
     
  3. Arleigh

    Arleigh Member

    Registriert seit:
    Mittwoch
    Beiträge:
    6
    Zustimmungen:
    0
    Danke, das funzt, jetzt noch ein wenig fine-Tuning und alles ist perfect.
    Vielen Dank
     
  4. Crunchip85

    Crunchip85 Member

    Registriert seit:
    10. April 2019
    Beiträge:
    12
    Zustimmungen:
    1
    Das solltest du alleine hinbekommen oder? Einfach am besten mit Chrome rechte Maustaste auf deine Seite und auf Untersuchen klicken. Dort dann die einzelnen Segmente deiner Seite untersuchen und einfach mal selbst ein wenig rumspielen am CSS Code und schauen was passiert und wenn die Änderung passt, dann den geänderten Code in den Customizer kopieren.
     
  5. Arleigh

    Arleigh Member

    Registriert seit:
    Mittwoch
    Beiträge:
    6
    Zustimmungen:
    0
    Denke doch, konkret bin schon dabei. Meine letzte Website war ca. 7-8 Jahre her. Da nur statisch damals alles mit HTML pur gemacht, mobil kam gerade auf, damit war das wichtigste so wenig Datentrafik, wie möglich zu erzeugen. CSS hatte ich also außen vor gelassen.

    Vielen Dank nochmal.

    Und wenn nicht, dann melde ich mich. :)
     
  6. Arleigh

    Arleigh Member

    Registriert seit:
    Mittwoch
    Beiträge:
    6
    Zustimmungen:
    0
    Meldung!

    irgendwie komme ich doch nicht weiter:

    Würde gerne noch die Schriftfarbe des Kommentarinhalts auf schwarz setzen

    BSP: https://www.consulting-worpswede.de/terminus/vuca/

    Im Seitencode finde ich den codeschnipsel: (über suche nach "BASTA"

    </div>

    <div class="clr"></div>

    <div class="comment-entry">

    <div class="comment-content">
    <p>Was das alles soll. VUCA ist VUCA, Basta</p>
    </div>
    </div>
    </div>

    </article><!-- #comment-## -->

    </li><!-- #comment-## -->
    </ol><!-- .comment-list -->

    Um jetzt die Schriftgrösse, -Farbe, -etc zu ändern war meine Versuche folgende CSS-Codes zusätzlich einzufügen:

    #comment-entry {
    font: italic bold 12px/30px Georgia, serif;
    }

    oder

    #comment-entry {
    color: black;
    }

    bzw. ähnliches bei "Comment-content"

    Keine Reaktion. Frage, wo finde ich die Klassendefinitionen in einem solchen Theme, um zu wissen, welche Werte ich wo beeinflussen kann ?
     
  7. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    5.142
    Zustimmungen:
    398
    #comment-entry verweist auf einen ID, z.B. <div id="comment-entry">
    .comment-entry verweist auf eine Klasse, z.B. <div class="comment-entry">
     
  8. Arleigh

    Arleigh Member

    Registriert seit:
    Mittwoch
    Beiträge:
    6
    Zustimmungen:
    0
    Ja, gefuinden, der Fehler lag mal wieder zwischen dem Kopfhörer.

    Danke
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden