Par exemple, avant :

Après :

Pour rendre le contour d’un produit sélectionné plus visible, il suffit d'appliquer ce code CSS :

 /*mettre en avant le contour d'un produit sélectionné*/

.item-container.selected .io-item-card {
    border: 6px solid #f0a36a;
    animation: pulse 1.5s alternate infinite ease-in;
}

Partie 1 : Modification de la largeur et couleur du contour

6px = Taille de la bordure

solid = Style

#f0a36a = Code couleur

border: 6px solid #f0a36a;

Partie 2 : Animation

animation: pulse 1.5s alternate infinite ease-in;

Recommandations générales

1. Testez le code sur votre navigateur. (kiosk-innovorder.fr)

2. Copiez-collez le code dans votre restaurant.

3. Sauvegardez une copie du code dans un fichier à part.

Ajouter, modifier ou supprimer du code CSS personnalisé

1. Depuis la page d’accueil, dans la barre de gauche, cliquez sur Enseigne.

2. Se rendre dans l'onglet Restaurants et choisissez celui de votre choix.

3. Cliquer sur Canaux

4. À droite de Borne, cliquez sur Configurer.

5. Dans la barre du haut, cliquez sur Style.

6. Descendez jusqu’à la section CSS.

7. Ajoutez, modifiez ou supprimez le code CSS.

8. Cliquez sur Enregistrer, en dehors du champ, pour sauvegarder les modifications.

9. Rafraîchissez la page de la Borne de votre navigateur pour voir les modifications.

Besoin d'un coup de main ?

N'hésitez pas à nous contacter via le chat ou par email support@innovorder.fr