Ankündigung

Einklappen
Keine Ankündigung bisher.

Responsive Bild- und Textskalierung kontrollieren

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Responsive Bild- und Textskalierung kontrollieren

    Hallo zusammen,

    momentan benutze ich Contao 3.4.5 und das Theme Calm. Beim Revolution Slider habe ich einen Slider mit HIntergrundbild angelegt. In der Ebene darüber sind zwei Überschriften gefolgt von einem Link-Text (Button-Darstellung style1_light).

    Das Bild und die Textinhalte werden mit der Größe des Bildschirms proportional verkleinert/vergrößert. Nun habe ich 2 Fragen und 1 Problem:

    1. Kann ich über das CSS die Skalierung der Texte auf eine Mindestmaß reduzieren? Vor allem in der Phone-Größe werden die Schriftgrößen sehr klein und unleserlich.

    2. Kann die Skalierung des Hintergrundbilds über die zentrale Bildgrößensteuerung (Theme > Bildgrößen ...) so gesteuert werden, dass bei Verkleinerung der Bildschirmgröße nur ein bestimmter Ausschnitt des Hintergrundbildes gezeigt und die proportionale Skalierung gestoppt wird? (gesehen habe ich das hier: http://rocksolidthemes.com/de/contao...picture-contao). Leider wird - im Gegensatz zum klassischen Inhaltselement "Bild" bei der Bildskalierung des Hintergrundbilds im Slider die selbst definierte Bildgröße nicht angezeigt.

    3. Bei kleiner Darstellung wird im Button der rechte Rand abgeschnitten - weiß jemand, warum nur in der kleinen Darstellung (siehe Screenshots)?

    Ziel des Ganzen: Ein Slider im Headerbereich, der auf großen Bildschirmen das ganze Hintergrundbild zeigt und auf Tablet bzw. kleineren Displays einen bestimmten Ausschnitt des Bildes festlegt. Die Texte sollen eine Mindestschriftgröße nicht unterschreiten.

    Ich hoffe, ich habe mich einigermaßen klar ausgedrückt und Ihr könnt mir auf die Sprünge helfen.

    Danke im Voraus

    Heike
    Angehängte Dateien

  • #2
    Hallo Heike,
    ist untergegangen dieser Post.

    1. Schriftgrößen können mit font-size:xxx !important direkt gesteuert werden. Entsprechend der Auflösung noch mit MediaQueries verpacken.

    2. Ist in den aktuellen Versionen bereits implementiert.

    Ziel des Ganzen: Ein Slider im Headerbereich, der auf großen Bildschirmen das ganze Hintergrundbild zeigt und auf Tablet bzw. kleineren Displays einen bestimmten Ausschnitt des Bildes festlegt. Die Texte sollen eine Mindestschriftgröße nicht unterschreiten.
    Das ist nicht möglich, ausser du greifst richtig tief mit CSS ein.
    http://www.premium-contao-themes.com

    Kommentar


    • #3
      3. ich denke das ist ein optischer Fehler durch eine Rundung des Skalierungsfaktors. Das kommt bei 1px borders leider oft vor.
      http://www.premium-contao-themes.com

      Kommentar

      Lädt...
      X