Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 7, 2024 at 10:16 am #1436588
    wolfross

    Hallo,
    ich habe auf der Startseite einen Vollbild-Slider.
    Da wir dort ein Foto haben auf welchem Text zu sehen ist, sollte Bildschirmbreite = 100% Fotobreite sein.
    Leider scheint das nicht einstellbar zu sein.
    Ich habe daraufhin mit dem Quick CSS Feld experiementiert wie folgt.

    @media screen 
  and (min-width: 1200px) 
  and (max-width: 1600px) {
.avia-slideshow.image_no_stretch li img {
width: 100%;
height: 658px;
}}

    Zum Testen habe ich auch mal das hier eingetragen:

    .avia-slideshow.image_no_stretch li img {
width: 500px;
}

    Leider verändert sich absolut nichts.
    Es wirkt, als würde das Quick CSS Feld ignoriert werden.
    Gibt es hier einen Lösungsansatz, weshalb das so sein könnte?

    March 7, 2024 at 11:09 am #1436594
    Guenni007

    first : i do not see your custom class in the dom: image_no_stretch

    second: maybe this is not the Element for you to use. It is the avia-fullscreen-slider
    it is just the feature that the full-screen slider has the full height.

    next: the fullscreen slider has no images as slides – the image is set as background-image to the li !
    ( so no img tag to select )

    maybe better to use instead the fullwidth easy slider !

    March 9, 2024 at 11:49 am #1436799
    Rikard

    Hi,

    As @guenni007 pointed out; the class you are using is not on the page you linked. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    March 9, 2024 at 12:49 pm #1436804
    Guenni007

    And main point is – no img tag is used – images are background-images.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.