Modifier css one page checkout [résolu]

[base888]

Bonjour à tous

Prestashop 1.6.1.16 / theme : default-bootstrap

Après 2 heures de recherches et de test, je sollicite votre aide pour un souci d'affichage de la page "one page checkout"

Je joins une capture d'écran

En fait je souhaiterai simplement que les éléments de la page s'affichent sur toute le largeur de la page.

En cherchant avec la console Chrome, ces éléments me renvoie vers global.css et en particulier :

 

@media (min-width: 768px)

.col-sm-9 {

width: 75%;

Ok, mais si je passe le width à 100%, les éléments de la page opc s'affichent bien sur toute la largeur mais cette modification à des conséquences désastreuses sur les autres pages du site.

J'ai aussi essayer de modifier le fichier order-opc.css en rajoutant width:100% à #order-opc mais cela ne fonctionne pas.

Je vous remercie par avance pour votre aide 

 

 

 

 

Edited March 31, 2020 by base888 (see edit history)

[Eolia]

rien à voir avec le col-lg-9 mais à votre container qui a une largeur de 1170px

[base888]

Bonjour Eolia

Merci pour votre réponse mais je parlais de .col-sm-9 et pas de  col-lg-9.

Si je comprends bien il faut modifier la largeur du container mais ou ?

Je ne vois rien dans la console qui fait référence à la largeur d'un container quand j'inspecte le code de la page.

 

Edited March 31, 2020 by base888 (see edit history)

[Eolia]

Déjà, je suis bien gentil de répondre parce que sans url ni thème je dois deviner, ensuite il faut chercher un peu:

Si vous voulez modifier la taille du container que pour l'opc il faudra préciser la règle:

.order .container {width: 100%;max-width: 100%}

[base888]

Merci pour votre aide Eolia, le thème c'est default-bootstrap et voici l'URL de ma page one page checkout : 

 

la règle .order .container {width: 100%;max-width: 100%}, je la place dans global.css ou order-opc.css ?

Je vous remercie pour votre aide et votre temps

 

 

Edited March 31, 2020 by base888 (see edit history)

[Eolia]

Où vous voulez, ça fonctionne dans les 2 par contre il faudra désactiver la colonne de gauche dans cette page car c'est elle (en display:none) qui provoque le sm-9

 

[base888]

Je viens de rajouter la règle dans global.css mais rien n'y fait

Je m'occupe de voir vos dernières instructions

Merci encore

[Eolia]

hum..., c'est .order-opc .container {width: 100%;max-width: 100%} dans votre cas^^

[base888]

Un grand merci Eolia, J'ai désactivé ce que vous me demandiez dans le thème via l'admin et ca fonctionne.

Par contre je conserve la première version de la règle :

.order .container {width: 100%;max-width: 100%}

car si je mets :

.order-opc .container {width: 100%;max-width: 100%}

les éléments s'affichent alors sur l'intégralité de la page sans respecter les marges à droite et à gauche comme sur le reste du site.

Merci Eolia et bonne soirée à vous