Custom CSS custom feature/uk: Difference between revisions

From SimplyBook.me
Created page with "Створіть власний інтерфейс бронювання за допомогою цієї функції CSS Custom Feature. Вона дозволяє змінювати стилі різних елементів, приховувати їх, змінювати шрифти, кольори, розміри шрифтів тощо. Якщо ви знаєте CSS-кодування, скористайтеся інструментами браузера, що..."
FuzzyBot (talk | contribs)
Updating to match new version of source page
Line 11: Line 11:
[[File:Custom css new icon.png ‎|left]]
[[File:Custom css new icon.png ‎|left]]


<div class="mw-translate-fuzzy">
Створіть власний інтерфейс бронювання за допомогою цієї функції CSS Custom Feature. Вона дозволяє змінювати стилі різних елементів, приховувати їх, змінювати шрифти, кольори, розміри шрифтів тощо. Якщо ви знаєте CSS-кодування, скористайтеся інструментами браузера, щоб знайти ідентифікатори елементів і написати правила в налаштуваннях Custom Feature. Якщо ви не маєте глибоких знань CSS, зверніться до служби підтримки, і вони спробують знайти найкраще рішення для вас.  
Створіть власний інтерфейс бронювання за допомогою цієї функції CSS Custom Feature. Вона дозволяє змінювати стилі різних елементів, приховувати їх, змінювати шрифти, кольори, розміри шрифтів тощо. Якщо ви знаєте CSS-кодування, скористайтеся інструментами браузера, щоб знайти ідентифікатори елементів і написати правила в налаштуваннях Custom Feature. Якщо ви не маєте глибоких знань CSS, зверніться до служби підтримки, і вони спробують знайти найкраще рішення для вас.  
<br><br>
<br><br>
Line 28: Line 29:
'''[[Special:MyLanguage/Remove_Elements_from_booking_page#Removing_with_Custom_CSS| Дивіться найпоширеніші запити щодо видалення елементів за допомогою CSS тут (поля телефону, електронної пошти, вкладки соціальних мереж, наш час тощо)]]'''
'''[[Special:MyLanguage/Remove_Elements_from_booking_page#Removing_with_Custom_CSS| Дивіться найпоширеніші запити щодо видалення елементів за допомогою CSS тут (поля телефону, електронної пошти, вкладки соціальних мереж, наш час тощо)]]'''
<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>

Revision as of 12:43, 13 October 2025



Створіть власний інтерфейс бронювання за допомогою цієї функції CSS Custom Feature. Вона дозволяє змінювати стилі різних елементів, приховувати їх, змінювати шрифти, кольори, розміри шрифтів тощо. Якщо ви знаєте CSS-кодування, скористайтеся інструментами браузера, щоб знайти ідентифікатори елементів і написати правила в налаштуваннях Custom Feature. Якщо ви не маєте глибоких знань CSS, зверніться до служби підтримки, і вони спробують знайти найкраще рішення для вас.

Безкоштовна настроювана функція!

Як користуватися
1. Увімкніть цю опцію на сторінці «Настроювані функції».



2. Натисніть «Налаштування» для цієї функції.



3. Додайте код (коди) для налаштування стилів на вкладку «CSS сторінок бронювання», якщо ви хочете редагувати сторінку бронювання
або «CSS віджета», якщо ви редагуєте віджет на своєму веб-сайті.



Дивіться найпоширеніші запити щодо видалення елементів за допомогою CSS тут (поля телефону, електронної пошти, вкладки соціальних мереж, наш час тощо)


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)