Custom CSS custom feature: Difference between revisions

From SimplyBook.me
Marked this version for translation
No edit summary
 
(2 intermediate revisions by 2 users not shown)
Line 19: Line 19:
Make your own booking interface with this CSS Custom Feature. It allows to change the styles of different elements, hide them, change fonts, colors, font-sizes, etc. If you know  CSS coding, please use tools of browser to find identifiers of elements and write rules in the settings of Custom Feature, if you have no deep knowledge of CSS, please contact support and they will try to find the best solution for you.  
Make your own booking interface with this CSS Custom Feature. It allows to change the styles of different elements, hide them, change fonts, colors, font-sizes, etc. If you know  CSS coding, please use tools of browser to find identifiers of elements and write rules in the settings of Custom Feature, if you have no deep knowledge of CSS, please contact support and they will try to find the best solution for you.  
<br><br>
<br><br>
<p>
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">
Please note! <br>A great number or complex CSS requests may be considered as set up assistance and you may be asked to purchase Set up assistance option for further CSS code set up.  It is a paid offer which you can find under plans&prices -> additional items -> hourly assistance. To schedule a call for Set-up Assistance evaluation, please click on the following link: https://bigaccounts.simplybook.it/v2/#book/service/3/count/1
</span>
</p>
<!--T:4-->
<br>
<span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span>
<span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span>
<br><br>
<br><br>
Line 32: Line 40:
[[File:Custom css tabs redesigned.png|1200px| center|link=https://help.simplybook.me/images/1/1c/Custom_css_tabs_redesigned.png]]
[[File:Custom css tabs redesigned.png|1200px| center|link=https://help.simplybook.me/images/1/1c/Custom_css_tabs_redesigned.png]]
<br><br>
<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)]]'''
'''[[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>
<br><br>
</translate>
</translate>

Latest revision as of 12:47, 13 October 2025



Make your own booking interface with this CSS Custom Feature. It allows to change the styles of different elements, hide them, change fonts, colors, font-sizes, etc. If you know CSS coding, please use tools of browser to find identifiers of elements and write rules in the settings of Custom Feature, if you have no deep knowledge of CSS, please contact support and they will try to find the best solution for you.

Please note!
A great number or complex CSS requests may be considered as set up assistance and you may be asked to purchase Set up assistance option for further CSS code set up. It is a paid offer which you can find under plans&prices -> additional items -> hourly assistance. To schedule a call for Set-up Assistance evaluation, please click on the following link: https://bigaccounts.simplybook.it/v2/#book/service/3/count/1


Free custom feature!

How to use
1. Enable this option on your Custom Features page.



2. Click on "Settings" for this feature.



3. Add the code(s) to adjust the styles to "Booking pages CSS" tab if you wish to edit the booking page
or "Widget CSS" if you are editing widget on your website.



See most common requests how to remove elements with CSS here (phone, email fields, social tabs, our time, etc)