Custom CSS custom feature/fr: Difference between revisions
Created page with "Créez votre propre interface de réservation grâce à cette fonctionnalité CSS personnalisée. Elle vous permet de modifier le style de différents éléments, de les masquer, de changer les polices, les couleurs, la taille des polices, etc. Si vous connaissez le langage CSS, veuillez utiliser les outils de votre navigateur pour trouver les identifiants des éléments et écrire les règles dans les paramètres de la fonctionnalité personnalisée. Si vous n'avez pas..." Tags: Mobile edit Mobile web edit |
Updating to match new version of source page Tags: Mobile edit Mobile web edit |
||
| Line 11: | Line 11: | ||
[[File:Custom css new icon.png |left]] | [[File:Custom css new icon.png |left]] | ||
<div class="mw-translate-fuzzy"> | |||
Créez votre propre interface de réservation grâce à cette fonctionnalité CSS personnalisée. Elle vous permet de modifier le style de différents éléments, de les masquer, de changer les polices, les couleurs, la taille des polices, etc. Si vous connaissez le langage CSS, veuillez utiliser les outils de votre navigateur pour trouver les identifiants des éléments et écrire les règles dans les paramètres de la fonctionnalité personnalisée. Si vous n'avez pas de connaissances approfondies en CSS, veuillez contacter le service d'assistance qui s'efforcera de trouver la meilleure solution pour vous. | Créez votre propre interface de réservation grâce à cette fonctionnalité CSS personnalisée. Elle vous permet de modifier le style de différents éléments, de les masquer, de changer les polices, les couleurs, la taille des polices, etc. Si vous connaissez le langage CSS, veuillez utiliser les outils de votre navigateur pour trouver les identifiants des éléments et écrire les règles dans les paramètres de la fonctionnalité personnalisée. Si vous n'avez pas de connaissances approfondies en CSS, veuillez contacter le service d'assistance qui s'efforcera de trouver la meilleure solution pour vous. | ||
<br><br> | <br><br> | ||
| Line 28: | Line 29: | ||
'''[[Special:MyLanguage/Remove_Elements_from_booking_page#Removing_with_Custom_CSS| Consultez ici les demandes les plus courantes sur la suppression d'éléments avec CSS (champs téléphone, e-mail, onglets sociaux, nos horaires, etc.)]]''' | '''[[Special:MyLanguage/Remove_Elements_from_booking_page#Removing_with_Custom_CSS| Consultez ici les demandes les plus courantes sur la suppression d'éléments avec CSS (champs téléphone, e-mail, onglets sociaux, nos horaires, etc.)]]''' | ||
<br><br> | <br><br> | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
<br> | |||
<span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span> | |||
<br><br> | |||
;How to use | |||
:1. Enable this option on your Custom Features page. | |||
[[File:Custom css enable path redesigned.png|1200px| center|link=https://help.simplybook.me/images/9/93/Custom_css_enable_path_redesigned.png]] | |||
<br><br> | |||
:2. Click on "Settings" for this feature. | |||
[[File:Custom css settings path redesigned.png|1200px | center|link=https://help.simplybook.me/images/3/35/Custom_css_settings_path_redesigned.png]] | |||
<br><br> | |||
:3. Add the code(s) to adjust the styles to "Booking pages CSS" tab if you wish to edit the booking page<br> | |||
:or "Widget CSS" if you are editing widget on your website. | |||
[[File:Custom css tabs redesigned.png|1200px| center|link=https://help.simplybook.me/images/1/1c/Custom_css_tabs_redesigned.png]] | |||
<br><br> | |||
'''[[Special:MyLanguage/Remove Elements from booking page#Removing with Custom CSS| See most common requests how to remove elements with CSS here (phone, email fields, social tabs, our time, etc)]]''' | |||
<br><br> | |||
</div> | |||