Besoin d'aide pour modification du CMS

[Magalie Z]

Bonjour à tous,

J'ai besoin d'un petit coup de main pour modifier l'affichage de mes pages CMS. Je souhaite les étendre en full width comme la page d'accueil et donc supprimer le <div class="container">. J'arrive à faire la modification en ligne sur l'outil développeur de Chrome mais impossible de mettre la main sur le fichier dans le FTP! 

Le développeur du thème que j'ai acheté refuse de m'aider parce qu'il n'est pas mon "professeur de css"...  

Je précise... je ne suis pas développeur, je me débrouille comme je peux

Merci d'avance pour vos réponses.

Magalie 

[YopixelAE]

Bonjour,

Sur 1.7, le tag <div class="container">  se trouve dans themes>classic>templates>layouts>layout-both-columns.tpl

Si vous supprimez la class container ceci impactera toutes vos pages (pas seulement les pages CMS).

Le mieux est d'utiliser le CSS. Exemple :

#cms .container {width: 100%;} dans votre themes>classic>assets>css>theme.css

[Magalie Z]

1 hour ago, YopixelAE said:

Bonjour,

Sur 1.7, le tag <div class="container">  se trouve dans themes>classic>templates>layouts>layout-both-columns.tpl

Si vous supprimez la class container ceci impactera toutes vos pages (pas seulement les pages CMS).

Le mieux est d'utiliser le CSS. Exemple :

#cms .container {width: 100%;} dans votre themes>classic>assets>css>theme.css

Tout d'abord, merci pour votre réponse.

Le thème que j'utilise n'est pas le classic de Presta, c'est jms_smartshop. Lorsque j'ouvre le fichier theme.css correspondant à ce dossier, je n'ai que ces quelques lignes de code : 

.product-line-grid-right .material-icons.touchspin-up, .product-line-grid-right .material-icons.touchspin-down {
    font-size: 17px;
}
 .bootstrap-touchspin .input-group-btn-vertical .touchspin-down::after {
    content: "";
   
}
 .bootstrap-touchspin .input-group-btn-vertical .touchspin-up::after {
    content: "";
}

 

[YopixelAE]

Ajoutez la ligne en question dans ce fichier ou bien rechercher le .css principal de votre thème.

[Magalie Z]

Rien n'y fait... je ne parviens pas à changer quoi que ce soit sur mes pages CMS à part leur contenu, j'ai essayé de changer plein de choses sur le css, aucun changement. 

Puis j'ai également l'impression que width=100% ne correspond pas à full width, il y a des gouttières sur tout mon site, sauf sur la page d'accueil. 

[YopixelAE]

Désactivez les caches. Intervenez sur les bons fichiers (regardez dans le code source quel fichier est concerné).

Postez une url de démo de votre boutique, ce sera plus simple de vous faire avancer.

Ou bien utilisez notre éditeur facile et gratuit HTML & CSS

[Magalie Z]

http://myhande.cluster024.hosting.ovh.net/index.php?id_cms=25&amp;controller=cms&amp;id_lang=1

Voici l'url d'une de mes pages cms, j'aimerai que toute la largeur de la page soit couverte, notamment pour la partie "Contenu de votre coffret"

Les caches sont désactivés, tout ce que je modifie prend effet sans problème, sauf pour le cms

Justement, impossible de trouver le fichier qui concerne les pages cms.. 

[YopixelAE]

Utilisez > themes/jms_smartshop/assets/css/custom.css

Et pour le responsive :
> themes/jms_smartshop/assets/css/theme-responsive.css

Exemple :

#cms #wrapper {
    min-height: 900px;
    width: 100%;
    padding: 0;
    max-width: 100%;
}

Résultat :

Edited December 6, 2018 by YopixelAE (see edit history)

[Magalie Z]

Super merci, j'ai réussi sur > themes/jms_smartshop/assets/css/theme-responsive.css
J'étais en  max-width: 1570px; }, du coup je mets 100%, par contre maintenant mon header et mon footer sont en full width aussi... 😅

[Magalie Z]

En fait je crois que le #cms ne veut pas être pris en compte, c'est tout mon site qui change, pas uniquement le cms.