Custom CSS custom feature - Revision history

Admin at 14:42, 13 February 2026

2026-02-13T14:42:29Z

← Older revision		Revision as of 14:42, 13 February 2026
Line 4:		Line 4:
	<translate>		<translate>
	<!--T:3-->		<!--T:3-->
	\|description=~~Personalize your~~ booking page ~~with custom CSS~~. ~~Adjust~~ design ~~elements to match your brand~~. ~~Start customizing today!~~		\|description=Add custom CSS to modify booking page appearance. Change colors, fonts, layouts. Advanced styling for developers. Hide elements, adjust design. Free feature.
	</translate>		</translate>
	\|titlemode=append		\|titlemode=append

Admin at 12:47, 13 October 2025

2025-10-13T12:47:05Z

← Older revision		Revision as of 12:47, 13 October 2025
Line 18:		Line 18:
	<!--T:2-->		<!--T:2-->
	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>
	<p>		<p>
	<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">		<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">

Admin: Marked this version for translation

2025-10-13T12:43:01Z

Marked this version for translation

← Older revision		Revision as of 12:43, 13 October 2025
Line 25:		Line 25:
	</p>		</p>

			<!--T:4-->
	<br>		<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>

Tania at 12:13, 22 July 2025

2025-07-22T12:13:26Z

← Older revision		Revision as of 12:13, 22 July 2025
Line 18:		Line 18:
	<!--T:2-->		<!--T:2-->
	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>
			<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>

			<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 39:
	[[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>

Admin: Marked this version for translation

2025-01-15T15:14:36Z

Marked this version for translation

← Older revision		Revision as of 15:14, 15 January 2025
Line 3:		Line 3:
	\|title=Custom Features - SimplyBook.me		\|title=Custom Features - SimplyBook.me
	<translate>		<translate>
			<!--T:3-->
	\|description=Personalize your booking page with custom CSS. Adjust design elements to match your brand. Start customizing today!		\|description=Personalize your booking page with custom CSS. Adjust design elements to match your brand. Start customizing today!
	</translate>		</translate>

Admin at 15:14, 15 January 2025

2025-01-15T15:14:29Z

← Older revision		Revision as of 15:14, 15 January 2025
Line 1:		Line 1:
	<languages/>		<languages/>
	~~<translate>~~
	~~</translate>~~
	{{#seo:		{{#seo:
	\|title=Custom Features - SimplyBook.me		\|title=Custom Features - SimplyBook.me
			<translate>
	\|description=Personalize your booking page with custom CSS. Adjust design elements to match your brand. Start customizing today!		\|description=Personalize your booking page with custom CSS. Adjust design elements to match your brand. Start customizing today!
			</translate>
	\|titlemode=append		\|titlemode=append
	\|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, CSS, adjusting design, adjusting colors, adjusting font, adjusting look, CSS coding		\|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, CSS, adjusting design, adjusting colors, adjusting font, adjusting look, CSS coding

Admin at 14:46, 11 December 2024

2024-12-11T14:46:17Z

← Older revision		Revision as of 14:46, 11 December 2024
Line 4:		Line 4:
	{{#seo:		{{#seo:
	\|title=Custom Features - SimplyBook.me		\|title=Custom Features - SimplyBook.me
			\|description=Personalize your booking page with custom CSS. Adjust design elements to match your brand. Start customizing today!
	\|titlemode=append		\|titlemode=append
	\|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, CSS, adjusting design, adjusting colors, adjusting font, adjusting look, CSS coding		\|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, CSS, adjusting design, adjusting colors, adjusting font, adjusting look, CSS coding

Admin at 10:25, 29 August 2024

2024-08-29T10:25:35Z

← Older revision		Revision as of 10:25, 29 August 2024
Line 21:		Line 21:
	;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>
	</translate>		</translate>

Admin: Marked this version for translation

2024-01-10T13:05:44Z

Marked this version for translation

← Older revision		Revision as of 13:05, 10 January 2024
Line 10:		Line 10:


			<!--T:1-->
	<br>		<br>
	[[File:Custom css new icon.png ‎\|left]]		[[File:Custom css new icon.png ‎\|left]]

			<!--T:2-->
	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>

Admin: Prepared the page for translation

2024-01-10T13:05:28Z

Prepared the page for translation

← Older revision		Revision as of 13:05, 10 January 2024
Line 1:		Line 1:
			<languages/>
			<translate>
			</translate>
	{{#seo:		{{#seo:
	\|title=Custom Features - SimplyBook.me		\|title=Custom Features - SimplyBook.me
Line 4:		Line 7:
	\|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, CSS, adjusting design, adjusting colors, adjusting font, adjusting look, CSS coding		\|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, CSS, adjusting design, adjusting colors, adjusting font, adjusting look, CSS coding
	}}		}}
			<translate>


Line 24:		Line 28:
	[[File:Custom css settings v3.png \| center]]		[[File:Custom css settings v3.png \| center]]
	<br><br>		<br><br>
	'''[[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>