Beiträge von Sailor56

Dann ist mein Gedanke also gar nicht so verkehrt.
Teste bitte mal folgenden Code... den vorherigen durch diesen ersetzen.

span span.ezoic-ad {
  margin-top: 20px;
}
span span.ezoic-ad::before {
  content: "Anzeige";
  display: inline-block;
  width: 100%;
  text-align: left;
  position: relative;
  top: -25px;
  font-size: small;
  color: #333;
}

Nun ja... wenn das die (hoffentlich juristisch haltbare) Aussage von Ezoic ist, dann kannst du wohl nicht mit deren Hilfe rechnen.
Würde dir ja gerne weiter helfen - habe nur leider das Problem, dass durch die bei mir installierten Ad- und Scriptblocker keine diese Einblendungen zu sehen sind. Ich schaffe er lediglich durch etwas tricksen, dass ich zumindest die Bereiche sehen kann, wo Ezoic die Einblendungen platziert. Ich kann aber die Logik dahinter nicht nachvollziehen... also welcher dieser Bereich wann und wie mit Einblendungen aktiviert wird.
Vielleicht könnte es mir helfen, wenn du mal einen Screenshot deiner Seite machst und auf diesem Sceenshot die Stellen markierst, wo der Text 'Anzeige' erscheinen soll?
Und zum testen, ob ich überhaupt in die richtigen Richtung denke, stelle doch mal folgenden CSS Code in dein zusätzliches CSS ein und schaue dann, ob sich da überhaupt was tut auf der Seite... also irgendwelche Einblendungen in Form dieses Anzeige-Textes erscheinen.

.ezoic-ad::before {
  content: "Anzeige";
  position: absolute;
  top: -25px;
  color: #f00;
  font-size: small;
}

Da solltest du dich in der Tat an Ezoic wenden! Die werden wissen, mit welchem Selektor ihre Werbeeinblendungen anzusprechen sind. Außerdem, zumindest soweit ich das weiß, müssen Solche Einblendungen als 'Werbung' gekennzeichnet sein und das kann ja nicht deine Aufgabe sein, dieser Verpflichtung nachzukommen.... das muss schon der Anbieter, in diesem Fall Ezoic machen.
Der Besucher deiner Seite muss erkennen, dass es Werbung ist und dann kann er selber entscheiden, ob er darauf klickt oder nicht.

#masthead.site-header {
  margin-bottom: 0px;
}

oder einen beliebigen Wert - steht derzeit auf 40px.

Zitat von Kati28

Kann man den Adsense-Code irgendwie an Ezoic anpassen?

Kann man bestimmt,wenn du einen zutreffenden Selektor (so was wie '.quads-location') benennen kannst, auf den man das ::before anwenden kann.

Das steht so im Code...
kannst du ausblenden mit

#menu-item-259 {
  display: none;
}

und damit in dem Untermenü bei 'Der Verein' die Schriftfarbe im Untermenü beim hovern auf schwarz bleibt, kannst du noch folgendes hinzufügen...

#menu-rig li.menu-item.menu-item-type-post_type.menu-item-object-page ul.sub-menu li a,
#menu-rig li.menu-item.menu-item-type-post_type.menu-item-object-page ul sub-menu li a:hover {
    color: #000 !important;
}

Hiermit solltest du die Link- und Hoverfarbe des Topmenüs steuern können.

#menu-rig li.menu-item.menu-item-type-post_type.menu-item-object-page a {
    color: #000 !important;
}
#menu-rig li.menu-item.menu-item-type-post_type.menu-item-object-page a:hover {
    color: #fff !important;
}

Dann schau dir mal den Quellcode der Seite an... mit dem Webentwickler Tool 'Inspector' (hat jeder Browser), dort wirst du sehen, dass auf der Beispielseite ein äußerer Container als FlexBox definiert wird...

.flex-row {
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

In dem sind dann 3 Container enthalten - das Logo in der Mitte.
Das Bild wird dann mit

max-height

auf die gewünschte Größe 'gezwungen'... das Originalbild ist deutlich größer.
Die Verkleinerung des Bild bei kleinem Bildschirm wir dann mit einer MediQuery umgesetzt.

Zitat von mikashingu

Ich verzweifel...

... neee... wir verzweifeln :(.... wir soll man dir helfen, wenn du uns nicht schauen lässt, wo das Problem ist?
Ein Link zur Seite würde helfen!

Dann solltest du dir vielleicht ein Child-Theme anlegen... Anleitungen dazu findest du reichlich im Netz und auch hier im Forum. Ohne Child-Theme wirst du sonst bei jedem Update alle deine Änderungen an den Theme Dateien verlieren. ... dann fängt das Theater von vorne an.

Es hätte erst gar nicht verschwinden sollen.... daher mein Verdacht, dass du kein Child-Theme nutzt und dein Theme ein Update gemacht hat. Wenn das so ist, dann gehen natürlich alle Änderungen verloren, denn das Theme wird auf den Originalzustand zurückgesetzt.

Selbstheilung :)... hast du was gemacht oder kam das von alleine wieder?

Dann überprüfe bitte mal, ob in deinen Theme Dateien... ich denke in der 'header.php' ... der eingefügte Code auftaucht.
Wenn nicht, dann wiederhole diesen Einfügevorgang, den du ja schon mal gemacht hast, einfach nochmal.
Nutzt du ein Child-Theme?

Wo hast du den Code eingebaut? Kann es sein, dass du einen Update gemacht hast und dadurch dein eingefügter Code vom Theme überschrieben wurde?

Da ist ein Suchfeld oben links? Meinst du das?
Das lasst sich mit ...

.searchform {
    display: inline-block;
}

wieder einblenden.

Warum versuchst du es nicht einfach mal mit etwas CSS (im 'zusätzlichen CSS' des Customizers)...

#header > div:nth-child(1) > a:nth-child(3) {
  display: none;
}

Versuche mal das....

.widget_nav_menu .sub-menu a {
  padding: 0.5rem 0;
}

mit den 0.5rem wird er ober und untere 'Freiraum' der Untermenüpunkte festgelegt. Hier kann natürlich jeder beliebige andere Wert eingetragen werden.

Für Hintergrundfarbe mit Transparenz wäre ....

background-color: rgba(255, 255, 255, 0.7);

besser geeignet. Siehe https://www.w3schools.com/css/css3_colors.asp
die Dezimalwerte im Beispiel (255, 255, 255) stehen für weiß - jede andere Farbe ist natürlich möglich.

'hover' ist im CSS eine Pseudoklasse - wird also nur mit einem Doppelpunkt

:hover

notiert.
Die mit dem doppelten Doppelpunkt

::after

sind im CSS Pseudoelemente - ein kleiner aber feiner Unterschied.
Mag in der Praxis, abhängig vom verwendeten Browser, keinen großen Unterschied machen, denn viele Browser schlucken auch 'falsches' CSS. Aber wenn man etwas richtig machen kann, dann sollte man es auch tun :).

Warum nicht einfach mit etwas CSS?

/*Das CSS*/
body {
    overflow: hidden;
   }
a.corner {
    position: absolute;
    right: -25px;
    top: -25px;
   }
span.ecke {
   width: 50px;
   height: 50px;
   background-color: red;
   display: inline-block;
   transform: rotate(45deg);
   }

und dazu das passende HTML

<a href="#" class="corner" target="_self">
      <span class="ecke"></span>
</a>

Edit: CSS um body ergänzt... verhinder horizontalen Scrollbalken.