Beiträge von Sailor56

Dann prüfe doch bitte mal, ob du in deinen CSS Dateien irgendwo für das ul Element die Listenpunkte abgewählt hast?
Wenn du nichts findest, dann kannst auch diesen speziellen Listen eine Klasse geben... <ul class="mit_bullet"> und dann im CSS für diese Klasse die Listenpunkte gezielt aktivieren.

ul.mit_bullet {
   list-style-type: disc;
}

Irgendetwas scheint an deiner WP Installation nicht richtig zu sein(???)... der produzierte Quellcode enthält ungewöhnlich viele Fehler und Warnungen!
https://validator.w3.org/nu/?doc=http%3…bestbuddy.eu%2F
Entscheidend für den bei dir auftretenden Fehler könnte die mehrfache Verwendung des veralteten <font> Tags, sowie nicht Nutzung der validen Listenstruktur mit <ol><li></li>... </ol> sein.

Bitte mal folgenden CSS Code im zusätzlichen CSS des Customizers einfügen und prüfen, ob das den erwünschten Effekt - oder ob es da ggf unerwünschte Nebenwirkungen gibt (zB Ausblenden dieser Info auch an Stellen, wo sie sichtbar sein soll).

.home .product p.wc-gzd-additional-info {
   display: none;
}

Ohne Link zur Seite... Kristallkugel?

Die Frage ist gar nicht so einfach zu beantworten... man sollte als erstes natürlich die Grundlagen von HTML und CSS lernen. Dafür gibt es jede Menge Tutorials im Netz - einfach mal mit der Suchmaschine deines Vertrauens nach 'Grundlagen CSS' und 'Grundlagen HTML' suchen, da findest du eigentlich alles, was man für den Anfang braucht.
Als zweites und mindestens ebenso wichtig, ist der Umgang mit den Webentwickler-Tools deines Browsers - wird ja auch im Video angesprochen. Diese Tools sind Bestandteil bei den meisten Browsern und zeigen dir ziemlich gut, wie deine Seite aufgebaut ist und wo die Stellschrauben sind, an denen man drehen kann, um sein Layout und das Design anzupassen.
Leider ist das nicht ganz so einfach zu verstehen und es bedarf schon einiger Übung und Erfahrung, um damit richtig umzugehen... aber man bekommt es hin... learning by doing!

Mache niemals Änderungen an den zu deinem WP Theme gehörenden CSS Sheet... genau so, wie du auf jeden Fall die Finger von den anderen zum Theme gehörenden Dateien lassen solltest! Wenn du Änderungen vornehmen möchtest, dann erstelle dir ein Child-Theme und ändere es dort.
Wenn es sich um reine CSS Änderungen/ Ergänzungen handelt, dann muss es nicht unbedingt ein Child-Theme seine, solche Änderungen kann man im 'zusätzlichen CSS' des Customizers durchführen... schau dir dazu mal folgendes Video an!

a.custom-logo-link {
  float: left;
  width: 40%;
}
.site-title {
  width: 60%;
  margin-top: 8vw;
}
p.site-description {
  display: inline-block
}
@media screen and (max-width: 550px) {
  a.custom-logo-link {
  float: none;
  width: 100%;
}
.site-title {
  width: 100%;
  margin-top: 0;
}
p.site-description {
  display: block;
}
}

Das ist zwar jetzt keine besonders elegante Lösung (gerade wegen des 'float: left;'), was mitunter zu Problemen führt, aber andere Lösungen würden zu tiefer gehenden Eingriffen im Quellcode führen, von denen man als Anfänger besser die Finger lässt.
Bitte das mal testen und wenn es nicht klappt einfach den Code wieder aus dem zusätzlichen CSS löschen.

OK... ich sehe das Problem.
Anscheinend hast du ein PlugIn installiert, dass im Quellcode hinter dem 'Custom CSS' noch weitere Formatierungen einfügt. Dadurch wird das Custom CSS wieder überschrieben.
Mache folgendes: Verstärke das Format im zusätzlichen CSS durch !important

.styles .entry-title {
color: #000000 !important;
}

Oder versuche das PlugIn zu identifizieren, dass dieses weitere CSS produziert und deaktiviere dieses.
Folgendes kann ich im Quellcode zu diesem PlugIn finden.

<!-- Styles cached and displayed inline for speed. Generated by http://stylesplugin.com -->
<style type="text/css" id="styles-plugin-css">

Vielleicht sagt dir das was und hilft bei der Fehleranalyse.

Ist die Änderung online?
Wo hast du den Code eingetragen?

Bitte den Browser Cache löschen und Seite aktualisieren.

Ja - so ist es. Die Schriftfarbe für '.styles .entry-title ' ist auf #fff (weiß) gesetzt.
Füge bitte folgendes CSS in das 'zusätzliche CSS' im Customizer hinzu, wobei du für xxxxxx den Farbwert deiner Wahl eintragen kannst/musst.

.styles .entry-title {
    color: xxxxxx;
}

Hast du an der Schriftfarbe oder am Hintergrund etwas geändert?
Ansonsten bitte Link zur Seite - dann sehen wir, wo das Problem liegt.

Zitat von SEpp55

fehlt jeweils eine abschließende geschweifte Klammer!! 2 auf, 2 zu! (siehe die beiden MediaQueries darunter)
;)

... uuuppsss... o_O - menno... wie war das mit dem Baum vor lauter geschweifter Klammern? Natürlich hast du (@SEpp55) Recht - die müssen da noch hin!

@EmanuelRu hier nochmal die korrigierte (toi toi toi) Version:

div.followWrap {
     height: 150px !important;
   }
@media screen and (min-width: 768px) {
   div.followWrap {
     height: 152px !important;
   }
}
  @media screen and (min-width: 992px) {
   div.followWrap {
     height: 178px !important;
   }
}   
@media screen and (min-width: 1141px) {
   div.followWrap {
     height: 252px !important;
   }
}
@media screen and (min-width: 1200px) {
   div.followWrap {
     height: 197px !important;
   }
}

Der Code, den ich gepostet habe, ist korrekt und wenn du den genau so in das zusätzliche CSS (am besten ganz ans Ende) hinein kopiert hast, dann dürfte keine Fehlermeldung kommen.
Poste hier mal den kompletten Inhalt deines 'zusätzlichen CSS'

Wenn der Script von @b3317133 nicht den gewünschten Erfolg bringt, dann könnte folgendes CSS dir provisorisch weiter helfen - das sollte exakt das machen (mit CSS), was im Original der schlecht funktionierende JavaScript macht.

div.followWrap {
     height: 150px !important;
   }
@media screen and (min-width: 768px) {
   div.followWrap {
     height: 152px !important;
   }
  @media screen and (min-width: 992px) {
   div.followWrap {
     height: 178px !important;
   }
@media screen and (min-width: 1141px) {
   div.followWrap {
     height: 252px !important;
   }
}
@media screen and (min-width: 1200px) {
   div.followWrap {
     height: 197px !important;
   }
}

Dieses CSS bitte in das 'zusätzliche CSS' im Customizer eintragen
(vom Dashboard -> Design -> Customizer -> zusätzliches CSS)
... und am besten noch mit einem Kommentar versehen, damit du es wiederfindest und löschen kannst, wenn der Entwickler den Fehler beseitigt hat.
... ach ja, nicht vergessen! Nach der Änderung die Seite genau auf unerwünschte Nebenwirkungen überprüfen.
Sollte da was sein, einfach wieder hier melden.

Mit diesem Problem solltest du dich vielleicht an den Entwickler wenden, denn JavaScript gesteuert wird hier einem

<div class="followWrap" style="height: 1185px;">

die Höhe von 1185px zugewiesen... das bewirkt den große Abstand!
Richtig wäre hier eine Höhe von 197px.
Leider - und das ist es, was dieses JavaScript bewirken soll - passt 197px nur bei einer Displaybreite von größer als 1200px. und die Höhe von 'followWrap' muss je nach Breite neu eingestellt werden.
Man könnte hier mit CSS die Einstellungen manipulieren - besser allerdings wäre es die Programmierung richtig zu machen.
Wie @b3317133 schon beschrieben hat!

Versuche mal diesen CSS Code

/*Schriftfarbe 'Flex Code'*/
.row h5 {
  color: #000;
}


/*Schriftfarbe Buttons*/
.button.color1 {
  color: #000;
}


/*Schriftfarbe Menülinks*/
ul.dropdown-menu li a {
  color: #f00;
}

Bitte nach den Änderungen prüfen, ob dadurch an anderen Stellen unerwünschte Nebeneffekte auftreten?

Zum testen und spielen:

/*Unterstrich Link Hauptmenü*/
.coloured-nav ul.dropdown-menu.active-line-bottom > .current_page_item > a {
  border-bottom: 3px solid #000;
}


/*Hintergrundfarbe Button*/
.button.color1 {
  background-color: #888;
  border-color: #f00;
}


/*Hintergrundfarbe Icons*/
i.fa.icon.reverse.color1 {
  background-color: #888;
}

Den CSS Code in das 'zusätzliche CSS' im Customizer eintragen und die Farbwerte nach Belieben anpassen.

Nachtrag:
Das für die Icons im Fußbereich:

/*Icons (und Rand) im Fußbereich*/
i.fa.icon.bordered.color2 {
  border-color: #000;
}
i.fa.color2 {
  color: #0f0;
}

Zitat von Georg_hofstetter

oder wenn es die Möglichkeit gibt generell ausblenden lassen.

Mit

#tablepress-1_filter label {
  display: none;
}

im zusätzlichen CSS wäre (nur) das Suchfeld weg.

Dein Problem ist die feste Höhe in px deines Headers - zusammen mit der Festlegung, dass sich das Hintergrundbild an die Größe des Headers anpassen soll ( background-size: cover; ), führt das zu diese Abschneiden des Bildes, wenn die Proportionen (Höhe/ Breite) von Bild und Header nicht mehr passen.
Du könntest folgendes testen:

header#masthead {
  height: calc(100vw * 0.42) !important;
}

Damit sollte sich die Höhe des Headers, in Abhängigkeit von der Bildschirmbreite, an die Proportionen des Bildes anpassen.
Da ist allerdings auch noch eine MediaQuery im CSS, die bei kleineren Bildschirmen ebenfalls auf auf die Höhe zugreifen will - musst du testen, ob der Code oben schon reicht oder ob die MediaQuery auch noch überschrieben werden muss.
Bitte den CSS Code in das zusätzliche CSS des Customizers - wenn es nicht klappt einfach wieder löschen.

Das Bild kann nicht zu groß sein - als Hintergrund belegt es nämlich keinen Platz!
Die angezeigte Größe (Höhe) des 'Headers' wird allein durch dessen Inhalt bestimmt.
In den im Header vorhandenen Elementen lässt sich mit einfachen CSS Formatierungen eigentlich nur, wie @b3317133 schon ausführt hat, das Element mit der Klasse '.site-branding' in der Höhe manipulieren, da die Padding Werte dort eher groß sind

.site-branding {
    padding: 110px 10px 135px 10px;
}

Reihenfolge der Werte ... oben - rechts - unten - links.