Responsive images
8 years 4 months ago #39639
by vicente83
Responsive images was created by vicente83
Bonjour,
J'ai créé des modules via page builder Ck comprenant des rangées de 2 ou 3 images pour lesquels j'applique un effet d'images effect ck et une ombre sous l'image de départ. Donc, lorsque le curseur pointe sur l'image l'effet se déroule, et quand je clique dessus l'image m'apparaît en grand en lighbox. Jusque là tout va bien... Je me suis rendu compte que lorsque je suis en affichage version smartphone, les images sont bien redimentionnées et alignées à la verticale mais elles se touchent. J'ai donc essayé de leur appliquer une marge en bas, interne ou externe le résultat est le même. Cette manipulation est bien prise en compte mais l'espace libéré a un fond noir (que je pense issu de l'effet appliqué).
Comment résoudre se problème ?
Merci
Url : www.draguignan-pug.fr/actualites
J'ai créé des modules via page builder Ck comprenant des rangées de 2 ou 3 images pour lesquels j'applique un effet d'images effect ck et une ombre sous l'image de départ. Donc, lorsque le curseur pointe sur l'image l'effet se déroule, et quand je clique dessus l'image m'apparaît en grand en lighbox. Jusque là tout va bien... Je me suis rendu compte que lorsque je suis en affichage version smartphone, les images sont bien redimentionnées et alignées à la verticale mais elles se touchent. J'ai donc essayé de leur appliquer une marge en bas, interne ou externe le résultat est le même. Cette manipulation est bien prise en compte mais l'espace libéré a un fond noir (que je pense issu de l'effet appliqué).
Comment résoudre se problème ?
Merci
Url : www.draguignan-pug.fr/actualites
Please Log in or Create an account to join the conversation.
8 years 4 months ago #39644
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Responsive images
salut
ajoute ce code dans un css perso
CEd
ajoute ce code dans un css perso
Code:
@media screen and (max-width: 524px) {
div.imageck figure.imageeffectck {
margin: 10px auto;
}
}
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
8 years 4 months ago #39646
by vicente83
Replied by vicente83 on topic Responsive images
Salut,
Je l'ai ajouté dans le mobile.css avec un background de la même couleur que la couleur de fond du content.
Merci pour ton aide !
Vincent
Je l'ai ajouté dans le mobile.css avec un background de la même couleur que la couleur de fond du content.
Merci pour ton aide !
Vincent
Please Log in or Create an account to join the conversation.
Time to create page: 0.242 seconds