Responsywny slider

Jupraw

Avatar: Jupraw

2015-03-08 08:50

Jeżeli ktoś chce uzyskać responsywny slider (w oryginalnym szablonie nie jest) należy dodać w /* HEADER WITH SLIDER */:

.quick-slider-slide > img{max-width:100%;}

» Quick.Cms v6.x

marcinxl

Avatar: marcinxl

2017-12-16 13:07

Działa slider jest responsywny. Pytanie jednak jak zrobić responsywne także animacje które mamy dodane do slidera?

szymaniukjerzy

Avatar: szymaniukjerzy

2017-12-16 18:03

O jakich animacjach piszesz? Chyba, że masz wersję płatną - Quick.Cms.Exe, ale to forum dla free.
W wersji darmowej możliwe są tylko napisy, które można ustawiać poprzez wiersz styli:

.quick-slider-slide .description{z-index:3;position:absolute;top:10px;left:80px;width:35%;min-width:150px;margin-top:10px;padding:10px;background:rgba(0,0,0,0.3);line-height:1.25em;color:white;}

Potem możesz zmieniać - w zależności od szerokości responsywnych - np:

@media screen and (max-width:700px){
.quick-slider-slide .description{width:65%;font-size:0.875em;}
}

itd. itp.

Jerzy

marcinxl

Avatar: marcinxl

2017-12-16 22:18

Tak mam wersję ext

Do góry
o nas | kontakt