Guten Morgen zusammen,
gibt es eine Möglichkeit die Darstellung der “Boxen” zu verändern? Speziell würde ich gerne anstatt drei Boxen nebeneinander lieber 2 oder 4 nebeneinander haben wollen. Finde dazu leider nichts…
Beste Grüße,
Alexander
Tagged: Breite anpassen Toggle Comment Threads | Keyboard Shortcuts
-
Galil3o
-
karowald
Baylys: Slider und Header in Breite begrenzen
Hallo,
ich verwende auf der Startseite einen Responsive Slider und auf den anderen statischen Seiten jeweils ein Headerbild. Wenn ich die Seite nun am iMac 27 Zoll anschaue ist es etwas gruselig, weil die Bilder in der Höhe beschnitten werden.
Wie richte ich es ein, dass sowohl Slider als auch Header mit einer max. Breite von 1400 px und mit einer max. Höhe von 550 px angezeigt werden – egal wie groß ich das Browserfenster ziehe? Drum herum soll sich dann einfach Weißraum zeigen.
Wenn ich den Browser verkleinere sollen sich die Bilder natürlich verkleinern, damit es responsive bleibt.Vielen Dank schon einmal für eure Hilfe.
Viele Grüße Katharina
-
Tanja
Hallo Katharina,
ich habe dieses Problem leider auch, und es taucht bei allen Browsern auf, sowohl am Mac als auch am PC!!
VG, Tanja -
Marc (Support-Team)
Hallo Katharina, bitte habe Verständnis dafür, dass wir im Forum keinen Support für individuelle Anpassungen leisten können.
Ich hoffe das folgende Stück CSS bringt dich in die richtige Richtung:
.slider-wrap, .header-image { max-width: 1400px; margin: auto; }Hier findest du mehr darüber, wie du eigenes CSS integrieren kannst: http://www.elmastudio.de/wordpress/eigenes-css-in-ein-wordpress-theme-integrieren-so-funktionierts/
Viele Grüße
Marc-
karowald
Hallo Tanja,
ich denke fast, dass mehrere Nutzer dieses “Problem” haben, aber mit der Lösung von Marc lässt sich das im Handumdrehen beheben. Bei mir klappt es super und jetzt sehen sowohl Slider als auch Header super aus, sind auf größeren Bildschirmen nicht mehr pixelig und werden vor allen Dingen auch nicht mehr in der Höhe beschnitten. Probiere es aus!
Viele Grüße Katharina
-
Taku
Danke Katharina,
für die Frage klappt wirklich gut und sieht super aus!!
LG, Tanja
-
-
Taku
Danke Marc, für den Lösungsvorschlag, klappt einwandfrei und sieht gut aus !!
LG, Tanja
-
-
karowald
Hallo Marc,
vielen Dank für deine Hilfe. Damit klappt es und ist genau so wie ich es mir gedacht habe! Klasse und nochmals vielen Dank für deine Unterstützung.
Viele Grüße Katharina -
RuMa
Hallo zusammen,
die Änderungen haben einwandfrei funktioniert. Vielen Dank für die gute Beschreibung. Ich habe derzeit nur noch ein kleines Problem. Die Größe des Responsive Sliders auf der Startseite passt. Leider sind die Pfeilchen rechts und links von den eingeblendeten Bildern außerhalb des Bildes. Diese liegen eigentlich mittig an den beiden Außenseiten. Ebenso fehlen die Punkte (Anzahl der Bilder im Slide) unten in der Mitte.
In den Einstellungen des Responsive Slider Plugins habe ich bereits die Größe 1400 x 275 eingestellt. Leider wird der Slide immer noch falsch dargestellt, siehe http://cms.praxcert.com/.
Vielen Dank für eure Hilfe
Viele Grüße
Manuel
-
Marc (Support-Team) is discussing. 
RuMa, 
Tanja, 
karowald, and 1 other are discussing. 
Marc (Support-Team) 9:20 am on October 17, 2014 Permalink | Log in to Reply
Hallo Alexander,
die Boxen lassen sich komplett mit Hilfe von CSS anpassen. Bitte habe Verständnis dafür, dass wir für individuelle Anpassungen keinen Support im Forum leisten können.
Die Darstellung der Boxen reagiert dynamisch auf deine Browserbreite. Wenn du weniger Platz hast, werden die Boxen automatisch in zwei Spalten, bzw. zu guter Letzt in nur noch einer Spalte angezeigt. Diese Unterschiede sind in der style.css in sogenannten Media-Queries zu finden. Dort kannst du die Definitionen der Boxen anpassen. Wenn du dich etwas mit CSS auseinandersetzt und die Funktion der meisten Browser zum Untersuchen und Live-testen von CSS einsetzt, findest du sicher eine Lösung.
In den meisten Browsern kannst du einen Rechtsklick auf ein Element machen und dort etwas wählen wie “Element untersuchen”, “Element-Informationen” o.ä. Daraufhin sollte dir der Quellcode mit dem entsprechend markierten Element angezeigt werden und dessen CSS-Eigenschaften.
Viel Erfolg und viele Grüße
Marc