Custom CSS custom feature/nl: Difference between revisions

Created page with "<br> left"
 
FuzzyBot (talk | contribs)
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">
Maak uw eigen boekingsinterface met deze CSS-aangepaste functie. Hiermee kunt u de stijlen van verschillende elementen wijzigen, ze verbergen, lettertypen, kleuren, lettergroottes enz. wijzigen. Als u kennis hebt van CSS-codering, gebruik dan de tools van uw browser om de identificatiecodes van elementen te vinden en schrijf regels in de instellingen van de aangepaste functie. Als u geen diepgaande kennis hebt van CSS, neem dan contact op met de ondersteuning. Zij zullen dan de beste oplossing voor u zoeken.  
Maak uw eigen boekingsinterface met deze CSS-aangepaste functie. Hiermee kunt u de stijlen van verschillende elementen wijzigen, ze verbergen, lettertypen, kleuren, lettergroottes enz. wijzigen. Als u kennis hebt van CSS-codering, gebruik dan de tools van uw browser om de identificatiecodes van elementen te vinden en schrijf regels in de instellingen van de aangepaste functie. Als u geen diepgaande kennis hebt van CSS, neem dan contact op met de ondersteuning. Zij zullen dan de beste oplossing voor u zoeken.  
<br><br>
<br><br>
Line 28: Line 29:
'''[[Special:MyLanguage/Remove_Elements_from_booking_page#Removing_with_Custom_CSS| Bekijk hier de meest voorkomende verzoeken voor het verwijderen van elementen met CSS (telefoon, e-mailvelden, sociale tabbladen, onze tijd, enz.)]]'''
'''[[Special:MyLanguage/Remove_Elements_from_booking_page#Removing_with_Custom_CSS| Bekijk hier de meest voorkomende verzoeken voor het verwijderen van elementen met CSS (telefoon, e-mailvelden, sociale tabbladen, onze tijd, enz.)]]'''
<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>