Juste un peu d'aide en CSS !

[base888]

Bonjour à tous

Je sollicite un peu d'aide en CSS afin de changer l'emplacement d'un button en front office.

Il s'agit du boutton à la page Récapitulatif du panier "Modifier le point relais" du module Mondial Relay.

Celui apparait lorsque vous avez choisi Mondial Relay comme transporteur et un point relais de livraison.Actuellement il est placé à droite et collé à "Point relais sélectionné"

J'aimerais simplement le placer comme visible sur la pièce jointe, sous l'adresse du point relais.

Dans la console, j'ai ces informations :

- HTML :

<button id="mondialrelay_change-relay" type="button" class="btn btn-primary" style="margin-left: -180px; margin-top: 95px; margin-bottom:10px;"> <i class="icon-pencil"></i> Modifier le Point relais </button>

et en CSS :

.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-style: none;

J'ai bien réussi à le placer là ou je veux en rajoutant ce CSS dans le fichier modules/mondialrelay/front/checkout/relay-summary.tpl :

style="margin-left: -180px; margin-top: 95px; margin-bottom:10px;"  mais je crois savoir que cela n'est pas vraiment recommandé.

Lorsque j'inspecte l'élément : j'ai cette info : 

button#mondialrelay_change-relay.btn.btn-primary

Comment créer une nouvelle règle CSS qui ne s'appliquerai qu'à ce bouton et dans quel fichier placé le nouveauu CSS.Dans le global.css du thème ?

J'ai bien essayé de mettre ceci dans global.css mais cela ne marche pas :

button#mondialrelay_change-relay.btn.btn-primary {margin-left: -180px; margin-top: 95px; margin-bottom:10px;}

Un lien vers le site : https://www.mangalatitude.fr/

Je vous remercie pour votre aide 

Prestashop 1.6.1.16
Thème par defaut bootstrap
Module Mondial Relay  V3.0.2

[solsol69]

Le 12/05/2020 à 6:19 PM, base888 a dit :

Celui apparait lorsque vous avez choisi Mondial Relay comme transporteur et un point relais de livraiso

il apparait pas

[Mediacom87]