Beiträge von Sailor56

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

#buddypress #item-header-cover-image {
  display: flex;
}

Könntest du dein Problem bitte etwas näher beschreiben? Von welchem Avatar und welcher Gruppenbeschreibung redest du?
Am besten mal den betroffenen Bereich (richtig/fehlerhaft) als Screenshot mit entsprechenden Markierungen einstellen.

Da kann ich dir nicht weiter helfen - frag mal bei den Entwicklern des 'Page Builders' nach.

Das ist leider etwas komplizierter als ich gedacht habe, da alle diese 'Unterstriche' von der selben Formatierung gesteuert werden.

.widget-title::after {
  background-color: #Farbcode;
}

Derzeit ist der Farbcode auf #8d2828 (dunkles rot) gesetzt.
Man könnte jetzt hier einen beliebigen anderen Farbcode eintragen - aber damit ist dir bestimmt nicht geholfen, denn sicherlich willst du ja individuell für die 'roten' und die 'weißen' Boxen die Farbe einstellen. Das geht, so wie ich es sehe, aber nur für jede Box einzeln anhand der jeweiligen ID...(#pg-4....)
zB für die Boxen mit rotem Hintergrund:

#pg-4-0 .panel-grid-cell .widget-title::after,
#pg-4-1 .panel-grid-cell .widget-title::after,
#pg-4-3 .panel-grid-cell .widget-title::after,
#pg-4-4 .panel-grid-cell .widget-title::after,
#pgc-4-6-0.panel-grid-cell .widget-title::after,
#pgc-4-6-1.panel-grid-cell .widget-title::after,
#pg-4-8 .panel-grid-cell .widget-title::after {
  background-color: #fff;
}

... macht die Striche #fff (weiß)

und für die weißen Boxen:

#pg-4-2 .panel-grid-cell .widget-title::after,
#pg-4-5 .panel-grid-cell .widget-title::after {
  background-color: #000;
}

... macht die Striche #000 (schwarz)
Sorry... einfacher bekomme ich das nicht hin! Vielleicht hat ja jemand noch eine bessere Idee.

Ohne Link zur Seite zur Seite ist das kaum zu beantworten.
Könnte vielleicht daran liegen, dass das Avatar mit einer festen Größe (height , width) eingefügt ist und das Elternelement (weil zB mit % dimensioniert) sich an die Displaygröße anpasst (?).

Kann es sein, dass du in der 'Text' - Ansicht bist ? Dann schalte mal um auf 'Visuell' (oben rechts - oberhalb vom Textfenster).

Die Farbeinstellung erfolgt über das Pseudoelemet ::after zum jeweiligen HTML Element.
Allerdings scheint es - zumindest in der Demoversion - nicht pauschal den Überschriften (h1 - h6) zugeordnet zu sein, sondern hängt an anderen Selektoren.
Beispiel aus der Demo:

.content-area .hentry::after {
    background-color: #d65050;
}

Ohne Link zu deiner Seite ist das schlecht zu sagen, wie du in deinem konkreten Fall die Farben ändern kannst.

zB mit dem FireFox unter 'Extras' - 'Seiteninformationen' - 'Sicherheit'
Da werde dir für jede beliebige Seite die gespeicherten Cookies angezeigt!

Schon mal ganz gut ;).. aber die beiden Elementselektoren, die du benutzt sind 'ID's und nicht Klassen - und dann musst du noch das Element ansprechen, in dem der Text tatsächlich drin steht und das ist der Link (<a> </a>) im #menu-item 342 mit der Klasse '.menu-link'
hmmm... also so in etwa:

#menu-main-menu #menu-item-342 .menu-link {
    color: #f00;
}

Ja... aber bitte in das 'zusätzliche CSS' (vom Dashboard -> Design - > Customizer -> zusätzliches CSS)

img {
   vertical-align: bottom;
}

Mit dem CSS Format

vertical-align: bottom;

für die betroffene Bilder sollte der Abstand verschwinden.

Hast du nur aus Versehen die schließende Klammer } nicht mit kopiert? Wenn das so in deinem CSS steht, dann könnte das die Ursache sein... mit der schließenden Klammer allerdings kann das nichts mit deinem Problem zu tun haben, denn dann wirkt es nur auf die Listenelemente mit deinen Social-Media Links!
Na ja... aber du bist ja fleißig am Umgestalten auf deiner Seite, das kann ich jetzt so ohne weiteres nicht wirklich nachvollziehen.

So richtig kann ich dir nicht folgen - was hast du denn alles geändert?
Soweit ich es sehen kann, liegt das mit den ungewollten Änderungen nicht an dem Code, den ich vorgeschlagen hatte.
Aber mach mal alle deine Änderungen rückgängig und teste dann eine Änderung nach der anderen, damit du dahinter kommst, wo das Problem anfängt.

Teste mal, ob dir die folgenden Formatierungen weiter helfen:

/*Hintergrundfarbe Icons links*/
.main_color .small-preview {
  background: #ffffff;
}
/*Hintergrundfarbe Icons rechts*/
.main_color .news-thumb {
  background: #ffffff;
}
/*Rahmen um Icons rechts*/
.news-thumb {
  border: 0;
}
/*Zentrieren Social Media Icons*/
.textwidget {
  text-align: center;
}
#top .social_bookmarks li {
  float: none;
  display: inline-block;
}
/*Hintergrundfarbe Sicial Media Icons*/
#top #wrap_all .social_bookmarks li {
  background-color: rgba(155, 155, 155, 0.3); 
}
/*Schriftfarbe Social Media Icons*/
.main_color .sidebar a {
  color: #000000; 
}

Das Hinzufügen eines zusätzlichen Mail-Icons müsstest du in den Theme/Plugin Einstellungen bearbeiten.

Das sollte möglich sein!
Wenn ich das aus deinem Quelltext richtig entnehme, dann sehen die Zeilen mit den Namen so aus:

<strong>Präsident:</strong> Johann Schibich<br />

Diese Zeilen musst du wie folgt modifizieren:

<strong>Präsident:</strong><span class="bild_pop"> Johann Schibich<img src="bild_von_jahannes.jpg alt="Johannes Schibich"></span><br />

Dann musst du in deinem CSS folgendes einfügen:

span.bild_pop {
cursor: pointer;
}


span.bild_pop img {
position: absolute;
height: 200px;
margin-left: 25%;
display: none;
}


span.bild_pop:hover img {
display: block;
}

Größe und Margin bei 'span.bild_pop img' musst du so einstellen, dass es eben passt.

Zitat von maxe

Irgendein kopierter Code oder Bildschirmfotos bringen bei solchen Problemen leider gar nichts. Da muss man schon das zugehörige HTML in Zusammenarbeit mit dem CSS sehen.

Da muss ich @maxe absolut Recht geben. Du solltest dich mit den Webentwickler - Funktionen deines Browsers vertraut machen, dann kannst du, solange der Link nicht öffentlich zu sehen ist, selbst die Identifikation der Elemente deiner Seite durchführen und damit Änderungen am CSS nach deinen Vorstellungen durchführen.
Um die Tools (hier den Inspektor) zu starten, klicke einfach mit der rechten Maustaste auf das Element, welches du untersuchen möchtest und wähle dann im Kontextmenü den Punkt 'Element untersuchen'. Je nach Browser kann das auch etwas anders heißen, aber sinngemäß was mit 'untersuchen'.
Es sollte sich dann der Inspektor öffnen und mit etwas Übung kommst du dann sehr schnell an die benötigten Informationen.

vermutlich hast du die Hintergrundfarbe geändert - wie das aus deiner Frage ja auch ersichtlich ist. Und durch diese Formatierung ist das Hintergrundbild überschrieben...
Aber was willst du denn nun erreichen? Hintergrundbild oder Hintergrundfarbe?

Versuche es bitte mal mit:

#featured-slider {
  z-index: 0;
}

Dann solltest du das wieder rückgängig machen!
Das war dann definitiv nicht die richtige Formatierung - ich kann da aber jetzt nichts machen... seh nichts.... du hast den Header ausgeblendet.