Jump to content
Magalie Z

Besoin d'aide pour modification du CMS

Recommended Posts

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"... :D 

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

Merci d'avance pour vos réponses.

Magalie 

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
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: "";
}


 

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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. 

Share this post


Link to post
Share on other sites

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.. 

Share this post


Link to post
Share on other sites

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 :

result_mag.jpg

Edited by YopixelAE (see edit history)
  • Like 1

Share this post


Link to post
Share on other sites

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... 😅

Share this post


Link to post
Share on other sites

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. 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More