Il se peut que vous souhaitiez agrandir le module de choix du créneau de collecte/livraison. Il est possible d'agrandir le texte et le logo horloge et même de changer sa couleur.

Par exemple, avant :

Après :

Pour agrandir la date dans le panier, il suffit d'appliquer ce code CSS :

/*modification module choix d'horaire*/
fio-order-cart fio-cart-bottom .time > div > div .type::before {
    content: "Pour choisir votre horaire, cliquez ici: ";
    text-indent: 0;
    display: block;
    line-height: initial;
    font-size: 15px;
}

fio-order-cart fio-cart-bottom .time > div > div .type {
    font-size: 15px !important;
}

div[ng-click="restaurantVm.openChooseSchedule()"] span {
    font-size: 15px !important;
}

De même, la partie avec l'adresse de livraison peut être agrandie. Par exemple, avant :

Après :

Pour cela, il suffit d'appliquer ce code CSS :

div[ng-click="restaurantVm.openChoosePlace()"] div {
    font-size: 14px !important;
}

Recommandations générales

1. Testez le code sur votre navigateur.

2. Copiez-collez le code dans votre enseigne.

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

⚠️ Attention : Le code s’ajoute au niveau d'une enseigne, et cette personnalisation sera effective pour l'ensemble des restaurants de votre enseigne.

Pour ajouter, modifier ou supprimer du code CSS personnalisé

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

2. À droite de Commande en ligne, cliquez sur Configurer.

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

4. Descendez jusqu’à la section CSS.

5. Ajoutez, modifiez ou supprimez le code CSS.

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

7. Rafraîchissez la page de la Commande en ligne 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