Petit soucis avec le template Shape5_Vertex (patché avec le dernier patch v4.2.2)

[chti56]

Bonjour,

J'ai un site qui fonctionne très bien avec le thème cité, mais lorsque je paramètre ce thème pour qu'il soit 'responsive' et que la taille max. d'un écran soit de 1650px, les modules personnalisés greffés dans certaines positions du template sont complètement décalés. Voir l'image jointe.
Je voudrais que ces modules soient centrés dans la zone où ils apparaissent.
J'ai cherché dans les fichiers css du template mais pour le moment rien ne change...

Si quelqu'un a une idée.. MERCI

Cdt
JP

[lomart]

Bonjour,

Il faut donner l'URL ou regarder avec un inspecteur de code où se trouve le souci

[chti56]

Bonjour,
Je viens seulement de voir cette réponse...
Voici l'URL: http://gb-producson.com/

La piéce jointe à mon prermier post est une copie locale de ce site.

Cdt

[lomart]

1ère piste

<img alt="logo" style="height:220pxpx;width:100%px" src="http://gb-producson.com/templates/shape5_vertex/images/s5_logo.png" id="s5_logo" onclick="window.document.location.href='http://gb-producson.com/'">

Dans cette ligne, pour width c'est % ou px. pas les 2 et pour height, px suffit.

[pmleconte]

Bonjour,

Vous utilisez une position S5_search pour votre texte, or, cette position est alignée à droite (float: right). De plus, votre image est alignée à gauche (Float: left).

Donc, il faut adapter votre css en mettant
.s5_search {float:none}
.s5_search img {float:none}

Pour la 2éme ligne, je me demande si ce n'est pas vous qui avez ajouté le float:left dans votre module.

Pascal

[chti56]

Je vais regarder ces différentes solutions, car j'ai ce même 'soucis' pour (par exemple) l'image du bandeau juste au dessus.
Un grand merci pour votre aide.
JP

[pmleconte]

Pour votre logo, il a un style pas très catholique : height:220pxpx;width:100%px

Pascal

[pmleconte]

En mettant type="height:220px;width:100%", c'est déjà mieux.

Pascal

[pmleconte]

Hors sujet, j'ai 2 ou 3 petites remarques:
- votre site n'est pas en https : ce n'est pas très bon pour son référencement,
- la musique, bien que jazzy, surprend et j'ai sursauté la 1ére fois... (il faudra certainement que j'arrête le café un jour)
- pourquoi est-ce que votre site part sur une extension /fr alors que lorsque l'on clique sur les icônes de langues, on reste sur ce /fr

Pascal

[chti56]

Pascal,
Je sais concernant la musique... mais ce n'est pas mon choix.. J'avais dissuadé le client... Pour le https, je vais le mettre en place dés que possible.
Pour ce qui est du logo par contre... les tailles sont indiquées dans le réglage du template et si je n'ajoute pas px ou %, l'image est quasiment invisible..
Bug du réglage du template ou mauvaise utilisation de ma part ? Je vais regarder.

JP

[pmleconte]

JP,

Le problème du logo avait déjà été signalé par Loïc dans le 2éme message.

Si tu n'y parviens pas par le paramétrage, essaie de passer par le CSS en lui mettant
#s5_logo {height:220px !important;width:100%!important}

Pascal

[chti56]

J'ai essayé en modifiant le paramétrage du logo dans le thème, ça fonctionne en mettant 220 et 1650 (sans les px)... mais ça ne fonctionne pas pour les différentes autres bannières qui s’affichent suivant le menu sélectionné.
JP

[chti56]

Pascal
En suivant ton conseil, à savoir mettre
#s5_logo {height:220px !important;width:100%!important}

... c'est bon pour le logo de la page d'accueil mais les autres bannières sont décalées à gauche (je fais mes testes en local d'abord...) et n'occupent pas toute la largeur du bandeau.

Voir fichier joint.
Je continue à cherche car je pense que ce problème vient maintenant d'un autre paramétrage dans le css du template.
En tout cas, merci pour tes lumières.

JP

[chti56]

Bonjour,

Pour les autres bannières (différentes suivant la page affichée), ce sont des images dans des modules personnalisés qui sont mis à la position Logo du thème. Et la différence de traitement (width etc.. vient de là, je pense).
Mais dans ce cas la paramétrage devrait se faire sur #s5_logo_module et non plus sur #s5_logo...
De là, la différence de comportement. Pour le moment je laisse comme ça.

Merci à tous.
JP

[chti56]

Je viens de faire un autre essai: si je mets 100% comme taille d'image en modifiant l'image du module, celle-ci prend bien la totalité de la largeur.. C'est peut être la solution que je vais creuser...
JP