WP <5.0 "Sticky Logo" auf allen Seiten darstellen

Ja... selber 'basteln' mit CSS ist wohl der beste Weg, bevor du dir mit irgendwelchen zusätzlichen Plugins deine Seite vollmüllst!
Auf deiner Beispielseite ist das so gemacht worden:

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

und das zugehörige CSS sieht so aus:

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Ich denke, das kannst du sehr leicht in deine eigene Seite (mit den für dich passenden Werten) einbauen.

 

Kannst den HTML Code auch in die header.php einbauen, dann ist der Button auf jeder Seite zu sehen.

2. in die css Angabe noch z-index: 3; hinzufügen
Der weiße Rahmen kommt durch folgender css Angabe:

.entry-content a img{
-webkit-box-shadow: 0 0 0 8px #fff;
box-shadow: 0 0 0 8px #fff;
}
style.css Zeile 1281

 

zu 1.
Ja... der CSS Code kommt ins zusätzliche CSS (im Customizer). Änderungen immer dort machen, damit sie nicht bei einem Update überschrieben werden
Und beim HTML Code hast du die Wahl. So wie du es jetzt gemacht hast auf jede Seite. auf der das Logo angezeigt werden soll einfügen.
Oder du nimmst dir einen Seitenteil, der eh auf jeder Seite vorhanden ist (header.php oder footer.php) und fügst den HTML Code dann dort einmalig ein. Dazu müsstest/solltest du aber zuvor ein Child-Theme anlegen und die Änderungen dann in der entsprechenden Datei im Child-Theme durchführen. Die Dateien im Original-Theme werden bei einem Update überschrieben - im Child-Theme bleiben die Änderungen erhalten.
Den weißen Rahmen bekommst du weg mit :

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Sollte dann ein Strich unterhalb des Logos zu sehen sein, dann bekommst du den weg mit:

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

und um das Logo mehr in den Vordergrund zu rücken, müsstest du zu dem #logo noch folgendes hinzufügen:

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

 

Hallo nature225,

ich würde das auch gerne umsetzen, wenn ich jedoch den Code in die header.php kopier,
dann bekomme ich einen Fehler angezeigt.

<div id="logo" class="hide-mobile">
<a href="/">
<img src="images/logo_gruenwerk.svg" alt="Grünwerk">
</a>
</div>

Ich habe die Wprdpress Version 5.3

VG
fly

 

Hallo zusammen,
schließe mich jetzt der hier oben gestellten Frage mal an
Ich habe ebenso ein Problem mit dem Logo sticky und auf allen Seiten, habe den Elementor pro.
bei dem Theme Builder habe ich die Kopfzeile platziert, allerdings weiss ich noch nicht, wo ich den Platzhalter gegen mein Logo ersetzen kann.

Das ich Anfängerin bin brauche ich nicht noch zu erwähnen, oder
Besten Dank schon mal.
Leider komme ich trotz diesem learn Link nicht weiter
https://elementor.com/help/site-logo-widget-pro/?utm_source=widget-help&utm_medium=wp-dash&utm_campaign=learn