Beiträge von Sailor56

    Da hast du richtig gelesen, wenn deine Tabelle eine CSS-Klasse hat (zB class="cellpadding")
    dann kannst du gezielt nur die <td>'s in dieser Tabelle ansprechen.
    Zu deinen sonstigen Problemen gibt es auch einfache CSS Lösungen:
    Schau doch mal, ob du deinen td's folgendes beibringen kannst:
    verical-align: middle;
    oder
    padding: 0 0 5px 0;

    text-align: center; (Vorsicht, wenn das nur für die erste Spalte gelten soll, dann müssen diese td's (zB <td class="mittig"> separat ansprechbar sein.

    Mit CSS kann man das alles einstellen und deine Idee mit 'background-color: #xyz;' ist schon richtig, nur müsstest du dazu den CSS Selektor haben, der zu dem Element gehört, das du verändern willst.
    Am besten findest du diese Selektoren, wenn du mal mit der rechten Maustaste auf das betroffene Element klickst und dann 'Element untersuchen' (oder sinngemäß) auswählst. Der Browser zeigt dir dann unter anderem die CSS Strukturen deines Dokumentes.
    Suche dann das Elternelement deines Textes... das könnte zB ein <div> sein, in dem der Text enthalten ist und schau nach, ob dafür eine background-color definiert ist. Wenn ja, versuche die zu ändern und prüfe dann, ob das den gewünschten Effekt hat.
    Um dir dabei ggf weitere Hilfe geben zu können, bräuchten wir einen Link zur Seite, um das selber anschauen zu können.
    Ohne Zugriff auf den Quellcode und das zugehörige CSS ist das alles sonst nur Rätsel raten!

    Zunächst mal hast du da ein kleines Problem, dass deine Navigation und der Titel in der selben Zeile sind. Wenn das so sein soll/muss, dann kann der Titel nicht zentriert über der ganzen Zeile sein, sondern höchstens zentriert in dem Bereich neben der Navigation.
    Wenn das nicht so sein soll, dann könntest du der ID '#site-title' mit dem Format 'clear: both;' vorgeben, dass der Titel sich in die nächste (freie) Zeile verschiebt.
    Jetzt kannst du die vorhandenen Formate des Titels so umformatieren, dass er eben nicht mehr links angezeigt wird.
    Das ganze würde dann etwa so aussehen...

    HTML
    #site-title {
      clear: both;
      float: none;
      width: unset;
      text-align: center;
    }


    Und das Ganze bitte im 'zusätzlichen CSS' (vom Dashboard -> Design -> Customizer -> zusätzliches CSS) eintragen.
    Wenn dann noch weitere Änderungen gewünscht sind (zB Schriftgröße), dann können die auch hier hinzugefügt werden.

    Nach der Anzeige in der Browser-Konsole werden alle(?) Bilder noch mit einer http://... Adresse verlinkt!
    Korrigiere die Adressen (nach https://...) dann sollte das Problem behoben sein.

    Hab jetzt gerade nicht die Zeit, um das ausgiebig zu testen, aber auf den ersten Blick scheint sich der Abstand aus 2 Teilen zusammen zu setzen. Hab mal zum testen die jeweiligen Teile auf '0' gesetzt... vielleicht hilft dir das weiter und du kannst mit den Werten etwas spielen.

    HTML
    .page.page-one-column .entry-header {
      margin-bottom: 0px;
    }
    #content {
      padding-top: 0px;
    }


    Bitte ins 'zusätzliche CSS' einfügen (vom Dashboard -> Design -> Customizer -> zusätzliches CSS)

    Teste bitte mal folgenden CSS Code im 'zusätzlichen CSS' (vom Dashboard -> Design -> Customizer -> zusätzliches CSS)

    HTML
    .woocommerce-message {
      color: #000 !important;
    }
    .product_meta {
      display: none;
    }


    Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

    Dann aber bitte prüfen, ob nicht an anderer Stelle unerwünschte Nebeneffekte eintreten.

    Ich kenne Buddypress nicht und kann deswegen auch nicht sagen, ob das nun gut oder schlecht ist... oder wie gut oder schlecht es mit WP Themes kompatibel ist, was mir aber auffällt (das gilt allerdings auch für viele andere Plugins bei WP), dass der produzierte Code und das zugehörige CSS oft grottig ist. Scheint so, als würde dort die Entwickler jeder sein eigenes Süppchen kochen und noch ein Stylesheet hinzufügen und am besten noch ein paar JavaScripte mit dazu... und am Ende kommen dann die Probleme, weil es nicht wirklich aus einem Guss ist, sondern aus vielen Teilen zusammengepuzzelt wird. ... na ja... ist nun mal so.

    Auch wenn ich nicht das Gleiche sehe wie du... da ich (wahrscheinlich) die testuser-Seite sehe, denke ich, dass das Problem an den unterschiedlichen Container ID's/Klassen innerhalb des Elternelements liegt, dass mit 'display: flex;' formatiert ist.
    Auf Seite A... die mit dem Avatar und der Bezeichnung 'Admin' sieht es so aus:

    HTML
    body.single-item.groups #buddypress div#item-header #item-header-cover-image #item-actions {
        clear: none;
        margin-top: 225px;
        margin-left: 0;
        max-width: 50%;
    }


    .. hier die ID #item-actions mit einem margin-top von 225px

    Auf Seite B... die mit dem TestuserProfil aber so..

    HTML
    #buddypress div#item-header #item-header-cover-image #item-header-content {
        clear: both;
        float: left;
        margin-left: 170px;
        margin-top: -140px;
        width: auto;
    }


    .. also andere ID (#item-header-content) und ein negativer margin-top von -140px!
    Für diesen Container müsstest du das margin-top auf einen positiven Wert setzen, so dass es wieder passt.