Beiträge von Drag and Drop

Eigentlich müsste es funktionieren, wenn du ganz einfach ein Bild in eine Spalte packst und darunter in die selbe Spalte ein Textfeld einfügst = beides mittig positioniert. Außerdem hat Elementor die Funktion "Responsive", mit der du dein Bild mit Unterschrift für Desktop, Tablet und Smartphone einstellen kannst. Es kann sein, dass bestimmte Elemente nicht für Desktop und Smartphone passen, also machst du dann eine extra Spalte nur für Smartphone und schaltest die anderen beiden Varianten Desktop und Tablet aus.
Es gibt auch noch passende Widgets. Da musst du alle mal ausprobieren

Hi,

ich würde gerne wissen, wie man eine Sidebar erstellt, die beispielsweise 200px lang ist und

dann eine Lücke von etwa 20xp aufweist. Ich möchte in diesem 20px-Bereich den gesamten Platz - einschließlich dem

eigentlichen der Sidebar - für ein großes Bild nutzen. Nach dem Bild soll die Sidebar dann unten weitergehen.

Danke für die Unterstützung

Um das abzuschließen mal für alle Laien wie mich einfach erklärt:

Sidebar für eine einzelne Seiten anpassen = Page ID mit #primary und #secondary (Sidebar) kombinieren.

Bei mir passt es vom CSS her z.B. so (Zahlen sind nicht optimal angepasst)

.page-id-194 #secondary {

margin-right: 3%;
width: 30.0%;
}

.page-id-194 #primary {
margin-right: -35%;
width: 70%;
}

Nun kann man die jeweilige Breite (width) verstellen wie man möchte.
Der Hille #7 war der Dosenöffner :idea: ;-)

[COLOR=#333333]Ich hatte .moz-widget-list-adjust #secondary vom Inspektor übernommen und wollte dann [/COLOR][COLOR=#333333]einfach [/COLOR][COLOR=#333333]die page ID davor packen.[/COLOR]

Hab eben gemerkt, dass man .moz.... gar nicht braucht. Folgendes reicht

.page-id-194 #secondary {

margin-right: 0%;
width: 26.3%;
}

Danke für den Hinweis. Obwohl ich mittlerweile viel gelernt habe, ist das Ganze für mich immer noch ein Dschungel :?: :-o

Wie ist daa bei zwei Klassen nacheinander. Bei mir geht der erste Code, aber der Zweite irgendwie nicht.

.page-id-194 #secondary {

margin-right: 0%;
}

Über den Inspektor funktionierts, aber mit der page ID davor nicht mehr?

.page-id-194 .moz-widget-list-adjust #secondary {
width: 26.3%;
}

Super!! Jetzt funktioniert es.

Kann mir jemand kurz sagen, wann eine Bezeichnung einen . und wann ein # bekommt.
Ich weiß es ist bestimmt so eine Anfängerfrage, aber gibt es da einen einfachen Erklärungstip?

Die Page ID erhalte ich über "Seite bearbeiten" und dann steht die in der URL .../wp-admin/post.php?post=194&action=edit

Das wäre dann 194. Im body-tag steht page-id-194. Das müsste stimmen. Also das Custom CSS funktioniert. Ohne die Page ID

kann ich die Breite verändern. Ist die Ansprache richtig mit #194 oder fehlt irgendwo eine Klammer oder ein Punkt?

Hab folgendes probiert. Geht aber nicht und sieht irgendwie schräg aus. (post=194)

#194 #secondary {max-width: 2px !important;}

Über den Inspektor konnte ich die Breite so verändern: Gilt dann aber für alle Sidebars.

#secondary {max-width: 2px;}

Wie krieg ich das über CSS hin? Die Sidebar wird bei mir mit #secondary angesprochen

Mich würde es auch interessieren wie man dieses Problem sauber löst, ohne dass man bestimmte Ordner löschen muss. Diesmal gibt es auch einen Link

Hi,

ich würde gerne meine Sidebar auf der Startseite vergrößern und zwar nur auf der Startseite.

Die Sidebars auf den anderen Seiten sollen gleich bleiben. Ich möchte trotzdem für alle das

selbe Sidebar-Seitentemplate nutzen.

Wie krieg ich das hin? Kann ich irgendwie die page ID mit eine Sidebar verknüpfen und so die Größe

individuell verändern?

Danke für die Hilfe

Zitat von Hille

Auch per CSS [emoji6]

Hey Hille,

deine Kommentare sind für mich immer am wertvollsten: immer zielgerichtet und ohne irgendwelche Döneken ;)

Ich habs jetzt hinbekommen. So ist sieht alles wieder so aus, als ob man die Sidebar komplett ausgeschaltet hätte:

Media only screen and (width:1024px)
{
#secondary {display: none !Important;}
html, body #page {
margin-right: -10em;
}

Genau daran hatte ich diesmal nicht gedacht. Danke! Folgendes funktioniert:

Media only screen and (width:1024px)
{
#secondary {display: none !Important;}
}

Das Problem ist nun, dass der Platz für die Sidebar weiß ist und nicht wieder zum Content-Bereich gehört.

Es schaut aus, als ob alles nach links verschoben wurde. Wie kann ich den ehemaligen Sidebar-Bereich wieder eingliedern, so dass alles wieder mittig ist?

Hallo,

ich würde gerne meine Sidebar nur für die Breite 1024 aus Platz Gründen ausstellen.

Mit folgenden Befehl kann ich alle Geräte bis 1024 ausschalten.

Media only screen and (max-width:1024px)
{
#secondary {display: none;}
}

also habe ich noch diesen Code ergänzt, aber die Smartphones bleiben trotzdem aus.

Media only screen and (min-width:769px)
{
#secondary {display: none;}

}

Ohne min, max, sondern nur width hat es auch nicht geklappt.

Media only screen and (width:1024px)
{
#secondary {display: none;}
}

Kann mir jemand sagen, was ich falsch mache?

Der Befehl funktioniert. Allerdings wie du gesagt hattest für alle Bilder.

jQuery( document ).ready(function() 
{ 
jQuery('img').removeAttr('title'); 
});

Was muss ich verändern, wenn ich die Hover-Titel von nur einzelnen Bildern ausgeschaltet haben möchte?

Danke für die Hilfe.
Ich hab das Ganze im Custom JS eingefügt, aber da ändert sich nichts.
Hast du einen CSS-Befehl?

Es gibt doch bestimmt einen Standard-Code unabhängig vom Theme wie etwa

.title-image {display: none}; oder so etwas in der Art.

Hab bisher nichts gefunden. Die meisten Beiträge dazu schlagen eine Lösung mit Java vor. Hast du einen passenden Code für mich?

Hallo,

wie kann es verhindern, dass beim Bild-Hover der Titel angezeigt wird. Die einzige Möglichkeit, die ich bisher gefunden habe, ist den Titel komplett rauszunehmen.

Danke für die Unterstützung

Kann ich das Caching des Plugins auch manuell machen z.B. über FTP ? Mein Page Builder kommt langfristig einfach nicht mit den Caching Plugins klar. Minify verursacht viele Fehler bzgl. Schriftformatierungen, Bilder.... Ich kann teilweise ganze Spalten nicht mehr bearbeiten. Dafür ist vor allem die Komprimierung von Java Script verantwortlich.
Das Caching würde ich gerne selber machen oder ist das zu zeitintensiv?