Beiträge von Sailor56

vielleicht:

background-size: cover;

???

Jep.... die alte Geschichte mit dem Wald und den vielen Bäumen ;)!

Das wird mit CSS möglich sein, aber ohne Link zur Seite kaum / bis gar nicht zu machen.
Ansonsten ist Vendipro ja kostenpflichtig... da sollte auch der Support mit drin sein.

Du könntest versuchen über die Theme-Einstellungen das unscharfe Bild als Standardhintergrund einzustellen und dann über CSS nur für Startseite (mittels Selektion mit der Page ID) das scharfe Bild als Hintergrund zu wählen.

Gib uns einen Link zur Problemseite, mit möglichst genauer Problembeschreibung (was ist nicht so, wie du es gerne hättest und wie soll es denn sein, damit du zufrieden bist), dann wird die 'Forengemeinde' sicher mal drauf schauen und dir Lösungsvorschläge zukommen lassen.
Und bitte nicht in den CSS Dateien des Themes Änderungen vornehmen - dafür nutzt man das 'zusätzliche CSS' im Customizer!
Dort ist die Gefahr, dass man etwas 'zerschießt' deutlich geringer und vor allem sind Änderungen dort updatesicher.

@grauesdummy ... häää? Du antwortest auf einen steinalten Thread und hast offensichtlich ein CSS Problem.
wobei

Zitat von grauesdummy

d.h. Bild 1. align="alignright" neben Bild 2. align="alignright"

nichts mit CSS zu tun hat... das sind Tag-Ergänzungen, wie sie vor Urzeiten mal verwendet wurden.. hmmm... außerdem noch falsch! align="right" wäre richtig.
Also bitte... eröffne einen neuen Thread und erläutere dein Problem - dann wird dir geholfen.

Versuche es bitte mal mit folgendem CSS Code im 'zusätlichen CSS' (vom Dashboard -> Design -> Customizer -> zusätzliches CSS)

@media screen and (max-width: 480px) {
  #primary.content-area {
    padding: 0 0;
  }
}

Den Wert für 'max-width' stellst du so ein, dass der Randlos-Effekt ab der von dir gewünschten Breite wirksam wird.

So geht das gar nicht! Die Bilder werden automatisch auf die selbe Breite (100%) skaliert - sie haben aber unterschiedliche Proportionen (Höhe * Breite) und damit ist die Anzeige eben unterschiedlich... alle gleich breit aber unterschiedlich hoch.
Lässt sich nur verhindern, wenn die Originalbilder identische Proportionen haben - wie zB unter 'Aktuelles'!

Mit CSS kann man den Sidebar ausblenden (für alle Seiten) - müsste dann allerdings Sidebar wieder auf 'ein' stellen nur für die Beitragsseite.

/*Sidebar für alle Seiten ausblenden*/
#secondary {
  display: none;
}
#main {
  margin: 0 0 0 0;
}


/*Sidebar für Beitragsseiten mit Breite größer 1024px anzeigen*/
@media screen and (min-width: 1024px) {
.single-post #secondary {
   display: block;
}
.single-post #main {
  margin: 0 35% 0 0;
}
}

Bin mir zwar nicht sicher, ob das jetzt so ist, wie du es brauchst, aber es sollte ein gangbarer Weg dahin sein.

CSS bitte ins 'zusätzliche CSS' eintragen (vom Dashboard -> Design -> Customizer -> zusätzliches CSS)

Weil es wahrscheinlich ein Bestandteil des Themes ist... in der Mediathek sind ja nur deine selbst hochgeladenen Bilder zu finden.
Du könntest aber per FTP ein eigenen Trennlinien-Bild in den Ordner
https://www.bildungswerknrw.org/wp-content/the…charity/images/
hochladen und dann im zusätzlichen CSS einfach das neue Bild als Hintergrund einrichten.

Diese 'Trennlinien' sind keine Linien, sondern werde als Hintergrundbild eingeblendet.
https://www.bildungswerknrw.org/wp-content/the…der-section.png

#lt-team, #lt-portfolio, #lt-blog {
    background: url(images/border-section.png) no-repeat top center;
}

Weil auf der Seite (mindestens) 3 Verlinkungen mit 'http:' zu finden sind!
Einfach mal den Quelltext anzeigen lassen und nach 'http:' suchen.

.page-id-27 .panel-content .wrap {
  padding-top: 2em;
}
.page-id-27 #primary .entry-header {
  float: none !important;
  width: 100% !important;
  text-align: center !important;
  margin-bottom: 30px;
}
.page-id-27 #primary .entry-content {
  float: none !important;
  width: 100% !important;
}

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

Das kannst du sehr leicht selber herausfinden, indem du einfach mit der rechten Maustaste das fragliche Element anklickst und im Pop-Up dann 'Element untersuchen' (oder sinngemäß - abhängig vom Browser) anklickst.
Dann kommt so was! Beispielhaft hier mit FireFox.

Dann wird es wohl wie @SirEctor schon vermutet hat der box-shadow sein!

Du schreibst, die Textfarbe kannst du ändern... der Unterstrich bleibt und er ist auch nicht in der Schriftfarbe des Textes (bleibt schwarz).
Dann würde ich vermuten, dass der Unterstrich nicht zum <a>...</a> gehört, sondern von einem Elternelement erzeugt wird.
Stecken deine Links eventuell in einem <li><a>...</a></li> und dieses li hat einen hover-Efekt mit dem Unterstrich... oder schaltet die border-bottom dazu?
Mal einen Rechtsklick auf einen der betroffenen Links machen und dann 'Element untersuchen' (oder sinngemäß, je nach Browser) auswählen. Dann sollte sich der Inspector öffnen und du kannst (versuchen) herauszubekommen, wo dieser Unterstrich herkommt.

Bist du sicher, dass du das

a:hover {
  text-decoration: none !important;
}

an die richtige Stelle (ganz ans Ende des zusätzlichen CSS) eingefügt hast.
Ich wüsste dann keinen Grund, warum das dann nicht funktionieren sollte! .. es sei denn es hat da noch ein anders Element diesen hover-Efekt. Aber ohne den Code zu sehen, ist das unmöglich zu sagen.

Versuche folgendes:

a:hover {
  color: #fea66c;
  text-decoration: none;
}

Und das bitte in das 'zusätzliche CSS' (vom Dashboard -> Design -> Customizer -> zusätzliches CSS)
evtl., wenn es so noch nicht wirkt, noch !important hinzufügen.

Im Teil 2 deines geposteten Codes.... gaaaaanz unten, da steht:

Zitat von Tanne

<?php wp_footer(); ?>
</body>
</html>

Genau da ist doch die Stelle!
Direkt hinter dem

<?php wp_footer(); ?>

und vor dem

</body>

da soll der von mir gepostete Code eingefügt werden

.. dann wünsche ich dir zunächst mal eine gute Genesung, KH bei dem Wetter ist bestimmt nur was für Hartgesottene.
Aber zu deinem Problem mit dem Datenschutz. Hast du schon einen Text, den du dort auf deiner 'Stopseite' anzeigen willst?
Wenn ja, können wir ja mal versuchen, ob das, was ich dir vorgeschlagen habe, auch bei dir funktioniert - WP ist da manchmal etwas zickig, wenn man mit eigenem PHP und JavaScript in den Eingeweiden rumfummelt.
Sollte aber nicht so schwierig sein und wenn es nicht klappt, kann man es schnell wieder rückgängig machen.
BTW... nutzt du ein Child-Theme? Wäre dann günstig, wenn du Änderungen dort machen würdest, damit die bei einem Theme Update nicht verloren gehen.
Aber Schritt für Schritt - CSS zuerst, weil das das Einfachste ist.
Diesen CSS Code bitte im 'zusätzlichen CSS' ganz unten eintragen (vom Dashboard -> Design -> Customizer -> zusätzliches CSS)

div#vorschaltseite {
   position: fixed;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   background: rgba(20, 20, 20, 0.8);
   z-index: 1000;
   color: #fff;
   text-align: center;
   padding-top: 100px;
   display: block;
}


div#vorschaltseite h1,
div#vorschaltseite p {
    color: #ddd;
    width: 80%;
    margin: 10px auto;
}


div#vorschaltseite button {
    color: #222;
    background-color: #ccc; 
    border: 2px solid #fff;
    border-radius: 5px;
}


div#vorschaltseite button:hover {
    color: #f00;
    background-color: #9f9; 
    border: 2px solid #fff;
}

Diese Formatierungen kannst du natürlich, wenn es denn funktioniert, nach deinem eigenen Geschmack anpassen.
Jetzt der etwas schwierigere Teil... du musst in deinem Theme die Datei finden, in der der schließende Body - Tag steht... also dieses

</body>

Das ist wahrscheinlich deine 'footer.php'... wie schon erwähnt, am Besten im Child-Theme, damit es updatesicher wird.
Mit dem Editor musst du diese Datei bearbeiten und zwar genau vor dem </body> den folgenden Code einfügen:

<?php


if(!isset($_COOKIE["dsgv"]))
  { ?>
   <script>
   function dsgv_accept() {
     document.getElementById("vorschaltseite").style.display = "none";
     var d = new Date();
     /*lege die Gültigkeitsdauer des Cookies fest - erste Zahl ist Gültigkeitsdauer in Tagen */
     d.setTime(d.getTime() + (30*24*60*60*1000));
     var expires = "expires="+ d.toUTCString();
     document.cookie = "dsgv=yes"+ ";" + expires;
     }
   </script>
   <div id="vorschaltseite">
      <h1>Datenschutzerkl&auml;rung</h1>
      <p>Der Betreiber dieser Website nimmt den Schutz Ihrer persönlichen Daten sehr ernst. Die folgenden Datenschutzerkl&auml;rung dienst dem Zweck, Sie als Nutzer über Art und Umfang der Erhebung und Verwendung Ihrer persönlichen Daten....bla bla...   </p>
      <p>Noch mehr bla...</p>
      <p>Und bei Bedarf noch mehr bla...</p>
      <button type="button" onclick="dsgv_accept()">Gelesen, verstanden und akzeptiert!</button>
   </div>


<?php
  } ?>

Und dann Daumen drücken und ausprobieren:
Was macht der Code?
Er prüft ob der Cookie 'dsgv' gesetzt ist - wenn ja, macht der Code nichts. Wenn nein, wird die Stopseite angezeigt.
Klickt man auf der Stopseite auf den Button, wird die JS-Funktion, die sich im Code befindet, gestartet - schaltet die Anzeige der Stopseite ab und setzt den Cookie 'dsgv', damit dann die Stopseite nicht mehr auftaucht solange der Cookie gültig ist.
Die Gültigkeitsdauer des Cookies kannst du einstellen - siehe Kommentar im Code.
Wie du da deinen eigenen Text reinbekommst, siehst du sicherlich.. dieser Teil ist reines HTML und sollte dir (hoffentlich) keine Probleme bereiten.
Wenn das Ganze nicht funktioniert, dann war es ein guter Versuch und du kannst die Änderungen einfach wieder löschen.

Nachtrag:
Wenn es funktioniert, bitte hier den Link zur Seite posten, damit wir mal nachschauen können, was sich vor dem 'Akzeptieren' auf deiner Seite schon in Sachen datenschutzrelevanter Dinge tut und ob man noch was unternehmen muss, um zu verhindern, dass vor dem Akzeptieren du schon gegen die Datenschutzgrundverordnung verstößt.