Difference between revisions of "Translations:Custom CSS custom feature/2/en"

From SimplyBook.me
(Importing a new version from external source)
 
(Importing a new version from external source)
 
Line 5: Line 5:
 
;How to use
 
;How to use
 
:1. Enable this option on your Custom Features page.
 
:1. Enable this option on your Custom Features page.
[[File:Custom css enable path new cf.png| center]]
+
[[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>
 
<br><br>
 
:2. Click on "Settings" for this feature.
 
:2. Click on "Settings" for this feature.
[[File:Custom css settings path new cf.png | center]]
+
[[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>
 
<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>
 
: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.
 
:or "Widget CSS" if you are editing widget on your website.
[[File:Custom css settings v3.png | center]]
+
[[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>

Latest revision as of 15:14, 15 January 2025

Information about message (contribute)
This message has no documentation. If you know where or how this message is used, you can help other translators by adding documentation to this message.
Message definition (Custom CSS custom feature)
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>
<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>

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.

Free custom feature!

How to use
1. Enable this option on your Custom Features page.
Custom css enable path redesigned.png



2. Click on "Settings" for this feature.
Custom css settings path redesigned.png



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.
Custom css tabs redesigned.png



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