Slider Beschreibung nicht responsiv? 
Autor: Michael G.
Besucht 583,
Followers 1,
Geteilt 0
Hallo,
ich habe bei dem Slider auf meiner Startseite www.zeltsysteme-goebel.de
eine Beschreibung eingefügt.
Leider passt die sich bei responsiv kleinen Ansichten nicht an.
Kann man das ändern?
Gepostet am
(It > De) ... Um den elastischen Text zu erhalten, fügen Sie in dem TAG STYLE, den Sie bereits im Abschnitt EXPERT verwenden, diese Zeichenfolge vor dem schließenden TAG </ STYLE> hinzu:
@media (max-width: 959px) {.slide-description {font-size: 4vw !important;}}
...!... Sie haben meinen Code für die elastischen Tische verwendet, aber Sie haben ihn falsch in den TAG STYLE eingegeben und müssen stattdessen draußen bleiben.
Korrigieren Sie den Code hiervon falsch:
<style> table {word-break: break-word;} </style><script> $( document ).ready(function() { $("table").css("width", "");}); </script></style>
... so richtig:
</style>
<style> table {word-break: break-word;} </style><script> $( document ).ready(function() { $("table").css("width", "");}); </script>
...... mit dem Zusatz für den elastischen Text wird es so:
@media (max-width: 959px) {.slide-description {font-size: 4vw !important;}}
</style>
<style> table {word-break: break-word;} </style><script> $( document ).ready(function() { $("table").css("width", "");}); </script>
.
ciao
.
Das gibt es nirgends zum einstellen im Slider Widget ! Wieder mal per Code zum einfügen! Gibt es innerhalb der "Style" Klammern rein, weil ansonsten häufen sich die Klammern ein wenig bei deiner Seite.
@media (max-width: 1249px)
{ .swiper-slide .slide-description { font-size: 3.0vw!important; } }
.imContentDataContainer
{ padding:0 0!important; } }
Autor
Jetzt hat es mir den Slider ganz zerhauen.
Schrift wird überlagert und Bilder sind weg
www.zeltsysteme-goebel.de/test2
Ich habe den Code von KolAsim ausprobiert und er funktioniert ohne Probleme
Autor
Das kann ja sein, aber bei dem Code ging es um die Tabelle und nicht um mein Problem mit dem Slider oder?
Zumindest sind jetzt nach dem Code eingeben die Bilder vom Slider weg
Nein, beim Code geht es um den Slider. Ich habe den Code ausprobiert un er funktioniert ohne Probleme.
<style>
@media (max-width: 959px) {.slide-description {font-size: 4vw !important;}}
</style>
Autor
So nunhabe ich was gelöscht und beändert und wieder gelöscht usw.
nun sind die Bilder im SLider wieder da, ABER:
- Tabelle immer noch nicht responsiv
- Beschreibung im Slider geht immer noch nicht
Hier zu sehen:
www.zeltsysteme-goebel.de/test2 -> Slider
- dann klick auf Sternzelte -> Tabellen nicht responsiv
Die Bilder im Slider fehlen, aber der Text ändert sich wie gewnscht in der Größe.
In der Seite Sternenzelt musst Du ein </style> entfernen auch der Code für den Slider kann raus.
Autor
warte bitte noch, ich sehe gerade die Seite lädt noch hoch.
Ist das jetzt immer noch so?
Es fehlen weiterhin die Bilder. Ab der Code </style> muss raus und der Code für die Tabelle kann raus, oder hast Du in dieser Seite auch eine Tabelle?
(It > De) ... Sie haben die "vorherigen Anweisungen" nicht sorgfältig ausgeführt; ... fahren Sie nun wie von Martin angezeigt fort, um den Fehler zu korrigieren;
... wenn Sie den separaten Tabellencode behalten möchten, siehe hier:
.
ciao
Kommt auch darauf an wo du den Code eingefügt hast? In den Seiteneigenschaften oder unter SEO?
<style>
@media (max-width: 1249px) {
.swiper-slide .slide-description { font-size: 3.0vw!important; }
.imContentDataContainer { padding:0 0!important; } }
</style>
Es war eine Klammer zuviel, aber dieser Code müsste funktionieren.
Autor
So habe es noch mal neu hochgeladen aber die Bilder fehlen immer noch im Slider :-(
Das darf doch nicht wahr sein. Da ändert man was am Code wegen der blöden Slider Beschreibung und nun alles weg.
Die Tabellen sind immer noch nicht responsiv. Ich dachte dieser Tabellencode ist dann für alle Seiten bestimmt?
Könnt ihr mir das noch mal genauer beschreiben alles, auch das die Slider Bilder wie da sind?
Hier ist die richtige Seite wo die Bilder im Slider noch da sind.
www.zeltsysteme-goebel.de aber hauch hier sind die Tabellen nicht responsiv
... in dieser Position ist der Code auf allen Seiten aktiviert ...
... wie ich Ihnen schon sagte, es gibt keine Tabellen auf der Seite;
... nein! TAG <TABLE> ...! ...
.
Autor
Jetzt verstehe ich gar nichts mehr.
- Der Code soll doch auf allen Seiten die Tabellen enthalten aktiviert werden
- Wieso sind dann die Bilder vom Slider weg, als ich den Code eingefügt habe damit sich die Beschreibung anpasst
Im Code im Netzwerk befindet sich noch der vorherige Fehler,
und es gibt keinen Code für den elastischen Text.
Autor
bei zeltsysteme-goebel.de/test2?
Da habe ich aber den code eingefügt. Mal F5 drücken
Autor
dieser code ist jetzt unter 1 Erweitert Seo
- Bilder vom Slider sind weg
- Bescheibung Slider passt sich nicht an
- Tabellen nicht responsiv
Kann mir jemand mal den kompletten richtigen Code schicken, das alles wieder geht?
Keine Bilder im Slider!
Ich versuche jetzt nochmal:
Diesen Code von KolAsim gibts Du auf der Seite ein, wo die Tabelle sich befindet (z.B. Sternenzelte), die sich anpassen soll:
<style>table {word-break: break-word;}</style>
<script> $( document ).ready(function() { $("table").css("width", "");});</script>
Diesen Code von KolAsim gibst Du ein, wo sich der Slider befindet, und der Text sich der Größe entsprechend anpassen soll:
<style>
@media (max-width: 959px) {.slide-description {font-size: 4vw !important;}}
</style>
Den Code gebe in der jeweiligen Seite unter Sitemap -> Eigenschaften -> Erweitert -> vor dem /head ein!
Beim mir funktionieren beide Codes, von daher müssen sie auch bei Dir funktionieren. Schau bitte nach das keine alte Codeleichen noch irgendwo rumliegen, wo dies evtl. behindern könnten :-)
Autor
Wenn ich den Tabellencode auf jeder Seote einfüge, dann sieht es so hässlich aus
Die Bilder vom Slider sind immer noch weg. Irgendein Code haut mir die Bilder raus
Was hast du genau für einen Code in den Seiteneigenschaften vor dem </head> Tag drinnen? Es darf sich nichts mit dem Code vom SEO&Code kreuzen. Außerdem hast du ganz unten noch eine </style> Klammer drinnen die gelöscht werden muss auf der Originalseite.
Du sollst den Tabellencode nur bei den Seiten eingeben wo Du ihn auch benötigst. Lies bitte nochmals meine beiden letzten Post durch.
... dir /test2/ ....!.. Sie haben die Bilder nicht der Diashow zugewiesen ...! ...
background-image: url("");
Autor
Auf der test2 unter Sternzelte hat es die Tabelle mit diesem Code ganz zerhauen.
Auf der Originalseite sind die Bilder Slider sichtbar aber nicht mehr bei Test2 und ich weiß keine Lösung
Autor
wo kommt denn jetzt wieder background-image hin?
... sind die Bilder, die Sie in die Diashow einfügen, und die jetzt in /test2/ fehlen ...
Autor
hä?
ich habe doch keine Bilder entfernt.
Ich habe deinen Code eingegeben und schon waren die Bilder auf einmal weg
... der EXTRA-Code sollte die Bilder nicht beeinflussen, tatsächlich fehlen diese Bilder im Code ...
... versuche die Bilder wieder in das Projekt / test2 / einzufügen ...
Autor
Muss sich jetzt einen neuen Slider anlegen?
Nein, schau im Slider-Widget ob da die Bilder vorhanden sind. Wenn nicht nochmals hinzufügen. Dann lösche am besten das komplette Testprojekt vom Server und lade alles erneut hoch.
... x TABLE >>> https://helpcenter.websitex5.com/de/post/204175#comment9
.