Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellenDanke für deine Mühe und Hinweise, jedoch kann ich damit so gar nichts anfangen und was ich dagegen tun soll oder kann und wie. :(
Hast du einen Tipp für die verschiedenen Content Breiten? Da ich nur entweder alles breit oder alles schmal machen kann.
Hallo, danke für deine Antwort. Das mit dem Darkmode konnte ich foxen indem ich das Mobil Menü fixiert habe.
Wie kann man auf der Start Seite bestimmte Inhalte auf die Gesamte Seitenbreite bringen aber eben nicht alle? Finde einfach nichts dazu. :(
Und welche HTML Struktur Fehler bestehen denn und wie behebe ich die?
Bin nicht sehr tief in der Materie drin.
Danke im voraus für die Hilfe :)
Die Frage hatte nichts mit dem anderen Thema zu tun. Hier geht es darum wenn man den Dark Modus anstellt im Menü in der Mobilansicht das sich der Content in den Header verschiebt.
Viele Grüße :)
Hallo ihr lieben,
es geht darum das sich der Content in der Mobilen Ansicht wenn man den Dark Mode an oder aus schaltet verschiebt in den Header Bereich. Erst beim neu laden der Seite nach umschalten wird es wieder richtig dargestellt.
Der link zur Seite ist: https://www.lifetojourney.de/
Zuvor habe ich das Theme "Activello" benutzt da ging das einwandfrei. Möchte jedoch gerne dieses nutzen.
Wie kann man das schnell und sinnvoll ändern? Eine erklärung für jemanden der nicht so tief in der Materie ist wäre sehr schön.
Vielen Dank im voraus :)
Hallo ihr lieben,
es geht darum Content auf der Seite in verschiedener Breite darzustellen.
Ich benutze das Theme "Ashe" der link zur Seite ist: https://www.lifetojourney.de/
Zuvor habe ich das Theme "Activello" benutzt da ging das einwandfrei. Möchte jedoch gerne dieses nutzen.
Das Bild mit "Bist du bereit" und das sehr weit unten mit den Zahlen/counter soll die volle breite erhalten (das sind Shortcodes von Smartslider).
Leider kann ich nur alles breit machen oder schmal.
Wie kann man das schnell und sinnvoll ändern? Eine Erklärung für jemanden der nicht so tief in der Materie ist wäre sehr schön.
Vielen Dank im voraus :)
Das sollte mit einer Anpassung per Custom-CSS gehen. Die verantwortliche Klasse ist
.boxed-wrapper {
max-width: 1920px;
}Wenn du das so im Custom-CSS einträgst, musst du mit dem Wert 1920px spielen, bis es für dich passt.
Das funktioniert tatsächlich jedoch wird dann alles verkleinert dargestellt. Das Bild mit "Bist du bereit" und das sehr weit unten mit den Zahlen/counter soll die volle breite erhalten (das sind Shortcodes von Smartslider).
Gibt es andere Lösungsansätze? :)
Hallo ihr lieben,
es geht darum Content auf der Seite in verschiedener Breite darzustellen.
Die Smartslider sollen in voller Breite dargestellt werden und der Rest mehr Seitenabstand haben, also normal.
Ich benutze das Theme "Ashe" der link zur Seite ist: https://www.lifetojourney.de/
Zuvor habe ich das Theme "Activello" benutzt da ging das einwandfrei. Möchte jedoch gerne dieses nutzen.
Wie kann man das schnell und sinnvoll ändern? Eine erklärung für jemanden der nicht so tief in der Materie ist wäre sehr schön.
Vielen Dank im voraus :)
Was müsste ich den wo in meinem Fall in den code rein schreiben damit es angezeigt wird?
Ich bin ein blutiger anfänger. :P
Ist es möglich den SALE! Badge um zu benennen?
Nach Möglichkeit in Last minute. Und wenn möglich sogar das man auch noch auswählen könnte je produkt oder allgemein ob da last minute steht oder Angebot wahlweise?
Theme: Travel Way
Plugins: Germanized installiert
Widget Anzeige: AT Woocommerce Products
Homepage: https://www.traumurlaub-profi.de/
Ort: Startseite unter Angebote
Wenn man das Angebot anklickt steht dann auch Angebot statt sale.
Ich bin kein Profi, es wäre schon wenn mir das jemand erklären könnte.
Vielen dank. :)
Alles anzeigenerstelle eine neue Seite mit Gutenberg und entferne alle Elemente, die du nicht benötigst. Zum Beispiel Navigation Menüs
Wenn deine neue Seite in einem Browser text ein *nichts* als Inhalt anzeigt kannst du
den gewünschten Inhalt einfügen.
Einfach die beiden o.g. zeigen Inhalte einfügen.
Diese - so erzeugte Seite kannst du dann als iframe auf jeder anderen Seite einbinden.
Hoffe, dies hilft weiter
Danke für deine Antwort. Leider ist die Homepage des Reisebüros kein offenes Wordpress sondern wird durch ein firmeneigenens Administrator Tool verwaltet das sich Quadra nennt.
Den gezeigt Inhalt möchte ich nicht auf einer neuen Seite sondern auf einer komplett anderen Homepage anzeigen lassen.
Jedoch habe ich kein Zugriff auf ein plugin oder sonstiges leider.
Gibt es eine Möglichkeit nur das in irgendeiner Form anzeigen zu lassen?
Viele Grüße
Hallöchen,
Ich möchte folgenden Inhalt wie im Screenshot zu sehen von folgender Seite gerne auf einer anderen Seite einbinden.
[Blockierte Grafik: https://i.ibb.co/ckBKXB6/Screenshot-20230904-132831-Samsung-Internet.jpg]
Die Url ist folgende:
https://reisebuero-marsberg.de/site/startseite/
Das sind dynamische Inhalte die sich immer verändern da dort eine IBE dahinter steckt.
Die rechte haben wir da wir zusammen arbeiten.
Jedoch ist das kein offenes wordpress sondern wird unter einem System das sich quadra nennt unter WordPress geführt.
Aber vielleicht weiß einer eine Möglichkeit wie man das einbinden kann (iframe eventuell, aber wie)?
Es soll in eine andere wordpress Seite integriert werden.
Aber nur der Teil und nicht die komplette Homepage.
Vielen Dank schon im voraus.
Viele Grüße :)
Danke für die Antwort, leider bringt mich das nicht so wirklich richtig weiter wie ich das auf https://www.lifetojourney.de/ realisieren kann. Und natürlich soll die Lösung for free sein.
Ich sehe auch keine Möglichkeit das logo in das Menü zu integrieren. So wie ich das verstehe ist es nur dazu da das menü oben zu halten und die Farbe zu wechseln.
Hallöchen ihr lieben,
kann mir jemand helfen oder sagen wie man ein Menü bzw. Header Bereich wie auf folgender Seite gestaltet???
Das Menü fügt sich herrlich in das Bild ein und wenn man runter scrollt bleibt es dann abgesetzt oben.
Eine tolle schritt für schritt Erklärung oder Denkanstöße wären toll. Da ich nicht so tief in der Materie bin.
Ich wäre euch sehr dankbar.
Viele Grüße. :)
Code#logo { padding-bottom: 0; }
Vielen dank, so schnell und so einfach auch.
Hallo ihr lieben,
ich stehe aktuell vor einem Rätsel das sicher eine ganz einfache Lösung hat. Und genau da kommt ihr ins Spiel.
Ich möchte zwischen dem Page Titel und dem ersten Content der auf der Seite zu sehen ist den Abstand verkürzen nur habe ich keine Ahnung wie.
[Blockierte Grafik: https://i.ibb.co/jZSgkQJ/Homepage-Screen-lifetojourney.jpg]
Habe den Bereich auch noch auf dem Screen hier oben markiert.
Ich hoffe jemand hat eine Lösung für mich die ich umsetzen kann.
Vielen Dank im voraus.
Vielen Dank, der kleine Fehler ist mir gar nicht aufgefallen. :)
So klappt es, super schnelle und unkomplizierte Hilfe. :)
Hallo ihr lieben, :)
ich versuche gerade eine Landing Page als link Seite zu erstellen das auch alles gut klappt.
Nun will ich die Hintergrundfarbe für die Einzelne Seite anpassen. Dafür habe ich folgendes in die Custom CSS eingefügt.
body.page-id-1984 {
background-color: #363434;
}Das Ergebnis ist das die Hintergrundfarbe in der Mobilen Version übernommen wird (grau).
[Blockierte Grafik: https://i.ibb.co/tMM9pnN/Screenshot-20221228-172410-Samsung-Internet.jpg]
Jedoch wenn ich am Handy, auf der Seite zur Desktop Ansicht wechsel.
Dann wird die Hintergrundfarbe nicht mehr angezeigt (weiss).
[Blockierte Grafik: https://i.ibb.co/m9VZVHw/Screenshot-20221228-172423-Samsung-Internet.jpg]
Komplettes Custom CSS:
navbar {
position:fixed;
width:100%;
z-index:100;
}
#logo {
padding-top: 100px;
}
.page .entry-title {
display: none;
}
body {
color: #2b2b2b;
background-color: #FFFFFF;
word-wrap: break-word;
font-family: 'helvetica', sans-serif;
line-height: 1.5;
font-size: 15pt;
color: #585858;
}
a:hover { color:#000000!important;
}
a:link { color: #00eded; }
.entry-content a {
font-weight: bold;
}
/* Remove meta data */
.entry-meta .byline, .entry-meta .cat-links { display: none; }
.entry-meta .posted-on { display: none; }
//.page-id-1725 header {display: none !important;}
.grecaptcha-badge { visibility: hidden; }
@media (max-width: 768px) {
.navbar-collapse.collapse.in {
height: calc(100vh - 48px);
top: 48px;
}body.page-id-1984 {
background-color: #363434;
}Link zur Seite:
https://www.lifetojourney.de/links/
Ich hoffe mir kann jemand helfen.
Vielen Dank im Voraus.:)
Eine andere Möglichkeit sehe ich bei diesem Menü nicht.
Die Lücke kriegst Du weg indem Du das Menü nach oben ziehst:
Code@media (max-width: 768px) { .navbar-collapse.collapse.in { height: calc(100vh - 48px); top: 48px; } }
Top, vielen dank dir für die schnelle und unkomplizierte Hilfe: :)
Falls du eine bessere oder andere Lösung für das Menü auf Lager hast bin ich gerne bereit für Vorschläge.
Ach das ist ja auch noch 70px nach unten verschoben. Also nimm mal:
Code@media (max-width: 768px) { .navbar-collapse.collapse.in { height: calc(100vh - 70px); } }Mit dem Scrollrad kann ich auch den Hintergrund scrollen. Denke mal das liegt an Lücken zwischen den Menüpunkten. Am Handy gelingt mir das aber nicht, da scrolle ich normal das Menü und nie den Hintergrund.
Danke dir funktioniert erst mal soweit sehr gut.
Ist das jetzt die sauberste Variante das so zu machen?
Und die Lücke oben im Menü wie auf dem Bild kann man nicht verschwinden lassen?
Du müsstest noch ergänzen:
Code@media (max-width: 768px) { .navbar-collapse.collapse.in { height: 100vh; } }
Vielen dank für die schnelle Antwort, leider funktioniert es nicht so ganz.
Habe jetzt den:
@media (max-width: 768px) {
.navbar-collapse.collapse.in {
height: 100vh;
}
}... in die CSS eingefügt und ist aktuell auch noch drin. Man kann nun das Menü weiter nach unten bewegen. Jedoch immer noch nicht bis zum ende. Und im Hintergrund bewegt sich die Homepage beim Scrollen.
Auf dem Bild habe ich den Bereich markiert in dem sich die Homepage im Hintergrund am Handy mit scrollt.