Beiträge von Drag and Drop

Komischerweise wird das Widget nur angezeigt, wenn ich mich in Wordpress eingeloggt habe. Log ich mich aus kann ich es nicht mehr sehen!? Wie kann das denn sein? Ich hab den HTML-Code einmal über ein HTML-Widget des Page Builders eingefügt und das Ganze auch über den Texteditor probiert. Beides klappt, aber nur eingeloggt.

Das Problem ist das ich über einen Page Builder die H1-Überschrift mit einem Bild innerhalb einer Reihe zusammengefasst habe (3 Spalten). Das Bild verrutscht bei der Smartphone-Version und ist nicht mehr mittig und außerdem ist die Schrift wie FloRet schon vermutetet zu groß.

Laut Google:
„vermeidet die übertriebene Nutzung von Überschriften-Tags innerhalb einer Seite"

https://static.googleusercontent.com/media/www.goog…optimierung.pdf

Hi,

ich würde gerne die Höhe von folgendem Widget ändern. Hab schon data-maxHeight="100px" hinter der Breite / Width ausprobiert, aber da tut sich nix. Wie krieg ich das hin?

<script src="https://.../views/widgets/w.js" data-t="set" data-id="189" data-width="100%" data-maxWidth="600px" data-hideKnowledgeBtn="true" data-questionCount="5" data-widgetKey=""></script>

Danke für die Unterstützung

Hi,

ich nutze pro Seite aktuell 2 H1-Überschriften, damit das Ganze auf dem Smartphone optimal aussieht. Die Überschriften sind nur für die jeweiligen Geräte angestellt. Laut Google darf man nur max. eine H1-Überschrift pro Seite nutzen.

Erkennt Google den Zusammenhang mit dem Responsive-Modus oder ist das ein Problem, wodurch die Seite irgendwie abgestraft wird?

Hi,

ich nutze aktuell die Suche Ajax Search Pro. Läuft soweit gut, bloß taucht bei mir in der "Description"
die H1 Überschrift auf, die auch schon im Titel angezeigt wird. Hab schon alles an Optionen - ist nicht gerade wenig :eek: - durchgeschaut, aber bin nicht fündig geworden. Hat jemand eine Ahnung wie ich das wegkriege?

Hallo,

ich habe vor kurzem einige Seiten über die Bereitstellung des embedding-Codes über einen IFrame bei

mir eingebunden. Nun würde ich gerne wissen, ob ich jede Seite einfach so einbinden kann oder muss

der Betreiber der Webseite den embedding-code bereitstellen, bevor man dies kann oder darf?

Danke für die Auskünfte

Hallo,

ich verwende aktuell Seitenabstände und würde diese gerne nur für den Header- und Footer-Bereich

rausnehmen, sodass margin-left / -right im Content-Bereich bei 1em und bei Header und Footer 0em ist.

Kann ich sowas über CSS anpassen?

Zitat von SirEctor

Meinst du evtl Fluid Design, wo man oft Prozent-Angaben macht?

Ich hab keine Ahnung wie das heißt, was ich suche.
Wenn man sich beispielsweise die Bilder beim Beispiel http://www.spiegel.de, die dazugehörigen Texte und die Sidebar
anschaut und die Seite von 13" bis 24" durchlaufen lässt, dann verändert sich einfach überhaupt kein Abstand zu irgendwas.

Die Sidebar etwa bleibt immer auf der gleichen Höhe zur rechten Seite. Als ob das ganze "festgeklebt" ist, egal bei welcher Größe.
Bei mir ist ist so, dass die Sidebar bei wachsender Zoll Anzahl etwas höher liegt als der #primary Bereich und umgekehrt.
Oder das der Text von der Höhe her kleiner und breiter wird je größer die Zoll Zahl.
Im Prinzip sind Bilder, Texte, der primary und secondary Bereich immer gleich, egal bei welcher Bildschirmgröße.
Ist das bei euren Seiten auch so?

Das mit dem CSS ist mir mittlerweile auch klar ;)
Ich suche den passenden Befehl, den ich selbst nicht finde. Sonst wäre ich ja nicht in diesem Forum :shock:
Ich habe per Media Query einige Punkte wie H-Überschriften, Hintergrund-Farbe oder Menü.... angepasst.
Bloß dieses Problem kann ich nicht per Media Query lösen

Von z.B. 24" auf 19". Also der Größenunterschied der Geräte

Ich hab mich mit Media Queries schon beschäftigt und die Seite ist auch einigermaßen gut responsive eingestellt. Das passt alles soweit ganz gut. Was ich noch nicht raus bekommen habe ist, wie die Seite bei den "Zoll-Wechseln" so kompakt zusammenbleibt. Da gibts doch bestimmt einen Trick oder Befehl, damit das so klappt, oder?

Hi,

ich würde gerne wissen, wie es etliche offizielle Seiten wie beispielsweise "Der Spiegel" schaffen,

dass ihre Seite vor allem bei den Desktop / Notebook-Geräten auf allen Größen Responsive ist.

Konkretes Beispiel: Wenn ich meine Seite auf die verschiedenen Zoll-Größen untersuche, dann verändern sich

die Längen / Breiten von Textfelder oder auch der Sidebar. Beim Spiegel z.B. bleiben diese Verhältnisse immer gleich.

Kann mir jemand sagen, wie die das hinbekommen? Beim Responsivedesignchecker ist mir aufgefallen, dass

immer eine größere weiße Fläche links und rechts bleibt, bei mir füllt sich das fast komplett aus

http://responsivedesignchecker.com/checker.php?ur…920&height=1200

Gibt es eine Möglichkeit das Problem über CSS mit einem Befehl wie diesen zu lösen:

[COLOR=#888888][FONT=monospace].transparent {[/FONT][/COLOR][COLOR=#888888][FONT=monospace] background-color: #FFFFFF;[/FONT][/COLOR][COLOR=#888888][FONT=monospace] [/FONT][/COLOR][COLOR=#888888][FONT=monospace]}

[/FONT][/COLOR]Kann man mit diesem Befehl nicht irgendwie alle Bilder auf der Seite ansprechen, die dann alle einen bestimmten Hintergrund - in diesem Fall weiß - haben?[COLOR=#888888][FONT=monospace]

[/FONT][/COLOR]

Alles klar. Trotzdem danke

Das hilft mir jetzt direkt weiter :smile:
Kannst du mir eine kleine Anleitung geben?

Wie finde ich das "Elternelement"?

Den Wert von 300px hab ich ja schon gesetzt. Dies verändert nur die Höhe des Inhalts.

[FONT=Consolas][COLOR=#888888][COLOR=#333333][FONT=Verdana]Wenn ich über den Inspektor den #secondary-Bereich anklicke wird folgendes angezeigt:[/FONT][/COLOR]

element.style[/COLOR] {

}
[/FONT][FONT=Consolas]
[COLOR=#888888][COLOR=#222222].page-id-248 #secondary[/COLOR][/COLOR] {

• [COLOR=#C80000]margin-top[/COLOR]: 300px !Important;

}
[/FONT][FONT=Consolas]
[COLOR=#888888][COLOR=#222222].moz-widget-list-adjust #secondary[/COLOR][/COLOR]{

• [COLOR=#C80000]width[/COLOR]: 23.1%;

}
[/FONT][FONT=Consolas]
[COLOR=#888888][COLOR=#222222]#secondary[/COLOR][/COLOR] {

• [COLOR=#C80000]background-color[/COLOR]: #FFFFFF !Important;

}
[/FONT][FONT=Consolas]
[COLOR=#888888][COLOR=#222222]#secondary[/COLOR][/COLOR]{

• [COLOR=#C80000]float[/COLOR]: right;
• [COLOR=#C80000]margin-right[/COLOR]: 7.1%;

}
[/FONT][FONT=Consolas]
[COLOR=#888888][COLOR=#222222].widget-area[/COLOR][/COLOR] {

• [COLOR=#C80000]font-size[/COLOR]: 13px;

}

[/FONT]
Das sind eigentlich alle Klassen oder IDs, die zur Verfügung stehen, oder?
Hier müsste man doch eine passende Formatierung setzen können?

Im Header hatte ich auch schon überlegt, aber ich brauche den Platz darunter.

Im Inspektor wird der Bereich als

div#secondary.widget-area | 220.69 * 1180.56 angezeigt

Ich hatte schon folgendes probiert, aber da ändert sich auch nur die Formatierung des Inhalts und nicht des gesamten Sidebar-Bereichs

div#secondary.widget-area | 220.69 * 1180.56 { margin-top: 100em !Important;}

auch bei #secondary {} wird nur der Inhalt verschoben.

Ich finde einfach keinen Befehl der die Widget-Area und nicht den Inhalt verschiebt.

Margin-top, paddings und heights habe ich schon probiert. Da verändert sich nur der Inhalt der Sidebar, aber der gesamte Sidebar-Bereich bleibt gleich. Kann man die Höhe einer Widget-Area über CSS verändern oder geht das nur über Einstellungen in den php-Dateien?