(RESOLU) Block d'image/thème

[Orchidée]

Bonjour a tous ! 

 

Je viens encore vers vous car j'ai un petit soucis, en effet, j'aimerais modifier la taille du block de mon thème, car celui ci est beaucoup trop grande. 

 

 

Comme vous pouvez le constater c'est beaucoup trop gros/grand. D'après mes recherches, il faut modifier ça sur un fichier .css, ce que j'ai plus ou moins tester sur "inspecter" de Chrome mais une fois sur mes ftp, impossible de trouver le fichier où il faut modifier. Et j'ai tout regarde 1 à 1. Et je commence vraiment a patauger.  J'ai envoyer mon soucis au dev de mon thème il ma envoyer ceci mais j'ai rien compris haha : Pour info : l'affichage des box d'images (comme vous dites) est géré par un pourcentage de chaque balise <li> ( 1= 66.6667%, 2=33.3333%, etc ...). Les images peuvent donc faire différentes tailles devant rester proportionnelles à ces valeurs.

 

Et j'ai cru comprendre que c'est en % alors que j'aimerais mettre une image d'une taille précise qui es 780 x 285 px, comment faire...

 

Merci d'avance pour votre aide et vos réponses !

 

MAJ : apres pas mal de recherche je me suis reconcentré sur la base du module configurateur de thèmes et mon image, et celle ci était juste completement mauvaise, donc ma faute. 

Edited August 23, 2016 by Orchidée (see edit history)

[Agostini Julien]

Bonjour,

 

Avez-vous un lien pour inspecter votre thème ? Je pense que le pourcentage que vous apercevez est dû à l'utilisation d'une classe Bootstrap

[Orchidée]

Bonjour,

 

Avez-vous un lien pour inspecter votre thème ? Je pense que le pourcentage que vous apercevez est dû à l'utilisation d'une classe Bootstrap

Bonjour,

 

Voici le lien de mon site https://shopguinot-marycohr.pswebshop.com/fr/

 

Si vous avez une solution, je vous en serez très reconnaissant vraiment..

[Orchidée]

Petite mise a jour, j'ai trouver je crois le .css, il s'agit de 

modules/themeconfigurator/css/hooks.css

mais je modifie comme j'ai fait sur inspecter sur Chrome, mais aucun changement, ce fait, même en vidant le cache, mais surement, que j'ai du me tromper dans le code. 

Pourtant j'ai l'impression de modifier la bonne chose : 

/* Home hook CSS */
#htmlcontent_home ul {
  margin: 0 -5px; }
  #htmlcontent_home ul li {
    padding: 0 5px 10px; }
    @media (max-width: 479px) {
      #htmlcontent_home ul li {
        width: 100%; } }
    #htmlcontent_home ul li img {
      max-width: 100%;
      height: auto; }
      @media (max-width: 285px) {
        #htmlcontent_home ul li img {
          min-width: 100%; } }
    #htmlcontent_home ul li.htmlcontent-item-5 {
      width: 61.6667%; }
      @media (max-width: 479px) {
        #htmlcontent_home ul li.htmlcontent-item-5 {
          width: 100%; } }

/* Top hook CSS */
  #htmlcontent_top {
    float: right;
    width: 33%;
    max-width: 285px;
    padding-left: 5px;

Si vous avez une idée, ça serais super, je sèche vraiment.. Merci beaucoup 

[Wiz]

Petite mise a jour, j'ai trouver je crois le .css, il s'agit de 

modules/themeconfigurator/css/hooks.css

mais je modifie comme j'ai fait sur inspecter sur Chrome, mais aucun changement, ce fait, même en vidant le cache, mais surement, que j'ai du me tromper dans le code. 

Pourtant j'ai l'impression de modifier la bonne chose : 

/* Home hook CSS */
#htmlcontent_home ul {
  margin: 0 -5px; }
  #htmlcontent_home ul li {
    padding: 0 5px 10px; }
    @media (max-width: 479px) {
      #htmlcontent_home ul li {
        width: 100%; } }
    #htmlcontent_home ul li img {
      max-width: 100%;
      height: auto; }
      @media (max-width: 285px) {
        #htmlcontent_home ul li img {
          min-width: 100%; } }
    #htmlcontent_home ul li.htmlcontent-item-5 {
      width: 61.6667%; }
      @media (max-width: 479px) {
        #htmlcontent_home ul li.htmlcontent-item-5 {
          width: 100%; } }

/* Top hook CSS */
  #htmlcontent_top {
    float: right;
    width: 33%;
    max-width: 285px;
    padding-left: 5px;

Si vous avez une idée, ça serais super, je sèche vraiment.. Merci beaucoup 

 

 

Bonjour,

 

Je pense que c'est cette ligne qu'il faut modifier avec le % désiré.:

 

#htmlcontent_home ul li img {

max-width: 100%;

 

Wiz

[Orchidée]

Bonjour,

 

Je pense que c'est cette ligne qu'il faut modifier avec le % désiré.:

 

#htmlcontent_home ul li img {

max-width: 100%;

 

Wiz

Bonjour, 

 

Très gentil de m'aider, mais malheureusement, aucun changement ce produit, une autre idée peut etre?

 

Cordialement

[Orchidée]

 

Pourtant quand je fais inspecter, et que je change la valeur la dessus, ça fonctionne, mais quand je modifie la ligne de code qui ressemble a ce que j'ai mis plus haut, rien ne ce fait..