-
Posts
-
Hallo,
ich habe Probleme mit der Slide-Show (volle Breite) und dem Vollbild-Slider. Beides soll auch auf einem 13 Zoll Monitor gut aussehen. Ich habe zwar hier im Support einen Code bekommen, um die Höhe einzustellen, doch ist das Bild dann auch verzerrt..av_slideshow_full li img {
height: 850px !important;
}Momentan ist das Bild zentriert in Original-Größe eingestellt. Damit ist das Bild zwar nicht verzerrt, aber eben auch nicht mehr in der vollen Breite dargestellt. Gibt es hierfür eine Lösung?
Dann hab ich einen Vollbild-Slider für einzelne Bilder verwendet, da ich den dynamischen Pfeil gut finde. Nun sieht man aber nicht mehr das ganze Motiv (Schwerpunkt Text am unteren Rand). Was kann man da tun?
Und zuletzt: Die mobile Ansicht von beiden Elementen (Slideshow und Slider) ist nicht tragbar…
Danke schon mal für die schnelle Hilfe!
Viele Grüße
Hey Janinifee!
Bitte separate Tickets für unterschiedliche Fragen aufmachen.
Du musst width und height Wert so anpassen, bis es für dich passt:
.avia-slideshow.image_no_stretch li img { width: 1277px; }Für mobile füge noch media queries hinzu: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Gruß,
AndyHallo Andy,
danke, aber warum sind jetzt die Kacheln (Bilderreihe) kleiner geworden?
Ich habe Deinen Code verwendet und auch für responsive die Codes eingefügt…Danke und viele Grüße
JaninaHi!
dann versuche es stattdessen mit diesem Code:
.avia-slideshow li img { width: 1277px; }Gruß,
AndyHallo,
die Kacheln sind immer noch kleiner als zuvor. Der Vollbildslider noch zu mächtig und unflexibel. Auf meinem anderen 15 Zoll Monitor ist nicht alles zu sehen…
Danke!
Viele Grüße
JaninaHey!
von welchen Kacheln redest du eigentlich? Wie zu mächtig und unflexibel? was genau brauchst du denn?
Cheers!
AndyHi Andy,
zu unflexibel und mächtig (und damit nicht auf allen Formaten 13 Zoll, 15 Zoll ersichtlich) ist der Vollbild-Slider (volle Breite), der gleich zu Anfang, unter der Hauptnavi-Leiste, erscheint.
Die Kacheln, das ist die Bilderreihe mit 4 Spalten und 3 Reihen, die ein Stück weiter unten folgt. Die haben sich größentechnisch verkleinert, nachdem ich den Code eingesetzt hatte…
Hoffe, Du verstehts mich jetzt?
Danke und viele Grüße
JaninaHi!
du kannst die Bildformate für jede Bildschirmgröße nach belieben anpassen. Nutze dafür media queries: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Wenn du meinen vorletzten Code raus nimmst und statt dessen nur den letzten verwendest, dann dürften die Kacheln wieder in Ordnung sein. Leere deinen Browser Cache und hard refresh einige Male.
Gruß,
AndyHi,
das hab ich gemacht:
– der 1. Code ist drin
– Browser Cache leer
– Mehrmals hard refreshed
Trotzdem sind die Kacheln jetzt etwas kleiner dargestellt, als ursprünglich…
Liegt das dann an den zugefügten media queries?Danke!
VG, JaninaHi!
den ersten Code solltest du doch eben nicht verwenden, sondern stattdessen meinen letzten.
Gruß,
AndyHi,
ja, sorry. Ich meint und machte das richtige und schrieb das falsche….
Ich nahm den letzten Code. Hab alles erledigt. Auch mit den Queries. Trotzdem sind
1. die Kacheln immer noch verkleinert
2. die Slideshow, z.B. auf meinem 14 Zoll Macbook nicht im Ganzen drauf, d.h. die Slideshow passt sich nicht größentechnisch dem jeweiligen Medium an….
Danke Dir für Deine Hilfe!
Viele Grüße
JaninaHi!
wäre super, wenn du in Zukunft für unterschiedliche Dinge auch verschiedene Thread eröffnest.
1.) Wir bearbeiten jeden Tag sehr viele Posts, daher kann ich mich nicht mehr daran erinnern von welchen Kacheln du redest. Bitte füge immer Screenshots hinzu, um klar aufzuzeigen worum es dir geht. Vielleicht meinst du ja diese Bilder hier:
.avia-image-container.avia_animated_image.avia_animate_when_almost_visible.pop-up.av-styling-no-styling.av-hover-grow.noHover.av-overlay-on-hover.avia-builder-el-19.avia-builder-el-no-sibling.avia-align-center.avia_start_animation.avia_start_delayed_animation { width: 100px; }2.) Bitte einmal Admin Zugang schicken.
Gruß,
AndyHi Andy,
sorry, dann geht es hier jetzt nur um die Kacheln und ich mache einen neuen Thread auf….
Die dreireihige Bilderreihe ist nicht mehr so groß und gut aufgelöst, wie sie mal war.
Siehe auch im Privaten Content.
Dankeschön
JaninaHallo Andy,
ich habe nun, ordnungsgemäß, alle Threads versucht zu separieren.
Nach wie vor habe ich noch das folgende Problem, die ja jetzt irgendwie im Zusammenhang stehen:1. Slideshow (volle Breite)
Die Slideshow passt sich nicht dem jeweiligen Medium an, z.B. 13 Zoll oder 15 Zoll. Sie erscheint auch langsam. Vielleicht sind die Bilder zu groß (1500px x 1032px)? Derzeit läuft der Slider auf Originalgröße (No Scaling) mit Bild zentriert.Auf dem Handy ist der Slider – dank Deinem Code – von der Größe her in Ordnung. Auch habe ich die Queries verwendet.
Dadurch entstand aber Problem Nr. 2 (was zuvor keines war):2. Unter dem Slider folgt eine Reihe (3 Reihen) von Bildern. Das Ganze ist jetzt optisch leider verkleinert und verzerrt.
Freue mich auf Deine schnelle Hilfe!
Danke: Janina
P.S. Links zu Zugänge hast Du ja…
Hey!
wie möchtest du deine Kacheln stattdessen haben? du könntest folgenden Code probieren:
#top .no_margin.av_one_fourth { width. 40%; }Ich denke in deinem Fall wäre es am Besten, wenn du dir einen Freelance Developer zur Hilfe anschaffst: http://kriesi.at/contact/customization
denn wir können hier nur wirklich Basic Dinge für dich machen. Keine Customizations. Nur wenn etwas mit dem Theme nicht so läuft, wie es laufen sollte. Für alles weitere sind Freelancer von Codeable die richtige Adresse.Gruß,
AndyHey,
danke, aber ich möchte eigentlich die Kacheln nur wieder so, wie sie zuvor waren. Jetzt sind sie verkleinert und von der Auflösung nicht optimal. Ursprünglich waren sie nie Thema, sondern nur
1. die Slide-Show (volle Breite), die sich nach wie vor nicht den jeweiligen Monitorgrößen anpasst (13 Zoll, 15 Zoll), sondern lediglich gerade mobil passt.
2. Des Weiteren wollte ich wissen, wie ich das Hintergrundbild in der Farb-Sektion anpassen kann. Auch hier ist das Motiv, wenn es innerhalb der Sektion platziert ist, nicht vollständig sichtbar – gleiches gilt für die verschiedenen Monitorgrößen (13 Zoll, 15 Zoll) und mobil.
Das sind meine beiden Hauptprobleme.
Ich habe schon an anderer Stelle alle Detail-Infos nebst Admin-Zugänge, Screenshots und Links zur Verfügung gestellt.
Da aber einzelne Threads gewünscht waren, habe ich alles nochmal einzeln rein gestellt….
Und jetzt? Bitte ich erneut um (möglichst schnelle) Hilfe.
Was wird dazu also noch gebraucht?Danke schon mal…
JaninaHey!
leider weiß ich nicht wie deine Kacheln vorher waren. Daher zeige uns bitte das Ergebnis das du dir wünscht. Erst dann können wir wirklich wissen was du möchtest und dir einen entsprechenden Code dafür basteln. Falls du schon an anderer Stelle irgendwelche Screenshots/Skizze von den Ergebnissen die du dir wünscht geschickt hast, dann bitte noch mal, damit wir nicht immer nach oben scrollen müssen, um zu suchen ob und wo.
Gruß,
AndyHi Andy,
darf ich allles nochmal zusammenfassen, da es sonst zu verwirrend wird. Auch weil ich, wunschgemäß, verschiedene Threats laufen habe, die zuvor in einem waren…
1. Slide-Show (volle Breite)
Sie läuft zu langsam. Möglicherweise sind die Bilder zu groß. Was auf jeden Fall zu groß ist, ist die Ansicht: Sie soll sich anpassen. Also soll es auf einem 13 Zoll Monitor genauso gut aussehen, wie auf einem 15 Zoll Monitor oder einem iMac etc. Das bekomme ich nicht hin.
Dafür passt die mobile Ansicht.
Alter Threat hierzu (inkl. Admin-Zugang, Links, etc.): Dieser hier.2. Farb-Sektion mit Hintergrundbild
Gibt es hier auch eine Möglichkeit die Einstellung gemäß dem Medium anzupassen? (13 Zoll, 15 Zoll)
Hier habe ich mobil ein Problem (siehe Link). Die beiden Motive in der Farb-Sektion werden nicht skaliert.3. Kacheln
Leider habe ich keinen Screenshot davon. An den Kacheln wurde nie etwas verändert. Sie haben sich einfach geändert. Sie wirken nun verkleinert, leicht verzerrt und leicht undeutlich. Möglicherweise sorgt irgendein Code dafür?Es wäre super, wenn Du mir möglichst schnell (muss heute damit fertig werden) helfen könntest. Prio haben Problem 1 und 2. Das 3. Problem hängt möglicherweise damit zusammen…
Lieben Dank Dir!
Viele Grüße: JaninaHi!
1.) Dazu müsstest du dir entsprechende Plugins heraus suchen, die dein WordPress Website schneller laden lassen. WP Super Cache Plugin, CSS Minify, W3 Total Cache Plugin, etc.
Für verschiedene Bildschirmgrößen musst du die Slideshow mit media queries anpassen. Für 13 Zoll Monitor z.B. so etwas:
@media screen and (min-width: 1200px) and (max-width: 1600px) { .avia-slideshow.image_no_stretch li img { width: 100%; height: 658px; }}Passe min-width und max-width Werte an (Bildschirmgröße) und anschließend die width und height Werte (Slideshow Größe).
Ich empfehle dir dafür wie gesagt einen Freelance Developer.2.) Hab mir den Link angeschaut, kann aber kein Problem sehen. Sieht alles gut für mich aus. Kannst du bitte Screenshots zeigen von dem Problem? und davon wie du es stattdessen gerne hättest?
3.) Dann zeige uns bitte in einer Skizze wie du es haben möchtest.
Gruß,
Andy
- You must be logged in to reply to this topic.