Rendre Responsive une image dans l'éditeur de page d'accueil

[AlexJed]

Bonjour à tous !

 

Je souhaiterai rendre "Responsive" une image inséré dans ma page d'accueil à l'aide du module "éditeur de page d'accueil".

 

Merci d'avance pour votre aide !

 

Alexis

 

[Szed]

Normalement, si votre thème est responsive, son CSS doit comprendre les lignes :

img{
   max-width:100%;
   height:auto;
}

qui font que toutes les images ne peuvent être plus large que leur conteneur, et se réduise donc en gardant les proportions.

 

Si votre thème n'est pas responsive, je ne vois pas trop l’intérêt.

 

Un lien vers le site, ou plus de précision peut être ?

[AlexJed]

Bonjour, Merci pour votre réponse le thème est bien "Responsive" mais l'image reste fixe.

 

En espérant que vous trouverez la solution,

 

Bonne journée,

 

Alexis 

Edited April 15, 2014 by AlexJed (see edit history)

[Szed]

Effectivement...

Il manque donc :

img{
   max-width:100%;
   height:auto;
}

[AlexJed]

Merci pour votre retour, dans quel fichier ajouter ce code alors ? Désolé je ne suis pas expert...

[Szed]

Dans le global.css de votre thème par exemple

[Modock]

ça marche nickel, merci !

[Whizette]

bonjour !

 

J'ai essayé de mettre le CSS sur l'image que je souhaite rendre "responsive"  mais à mon avis je fais tout faux car ca ne fonctionne pas

 

J'ai cliqué sur "code css" directement dans l'éditeur de texte ou j'ai mis mon image.

 

 

<p><img style="display: block; margin-left: auto; margin-right: auto;" max-width:100="" height:auto="" src="http://costantini-nailartist.com/img/cms/bienvenue.jpg" alt="" width="900" /></p>
<h5 style="text-align: center;">Nail Artist (Pully & Neuchâtel) // Nail Academy (Pully & Neuchâtel) // Distribution des produits WillA Nails & Natalya Furman</h5>

 

j'ai fais un peu au bol en regardant d'autres codes sur mon global.css... mais bon je pense que c'est faux. Merci pour votre aide

[Mediacom87]

Bonjour,

 

le plus simple est de rajouter une class genre .responsvie dans votre global.css

img.responsive{
   max-width:100%;
   height:auto;
}

et comme cela il suffit de rajouter la classe responsive sur l'image que vous souhaitez rendre responsive.

[LocalShop]

Bonjour à tous,

j'ai le même soucis sur ma page d'accueil sur loho.fr

Je suis allé sur mon global.css, mais où dois-je ajouter:

img{
max-width:100%;
height:auto;
}

 

???

A la ligne à la fin ou à une ligne spécifique?

Merci d'avance,

Cordialement,

Anthony