Custom CSS custom feature/sv: Difference between revisions
Created page with "Anpassad CSS-funktion" |
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"> | |||
Skapa ditt eget bokningsgränssnitt med denna CSS-anpassningsfunktion. Den gör det möjligt att ändra stilen på olika element, dölja dem, ändra teckensnitt, färger, teckenstorlek etc. Om du kan CSS-kodning kan du använda webbläsarens verktyg för att hitta elementens identifierare och skriva regler i inställningarna för anpassningsfunktionen. Om du inte har djupgående kunskaper om CSS kan du kontakta supporten så hjälper de dig att hitta den bästa lösningen. | Skapa ditt eget bokningsgränssnitt med denna CSS-anpassningsfunktion. Den gör det möjligt att ändra stilen på olika element, dölja dem, ändra teckensnitt, färger, teckenstorlek etc. Om du kan CSS-kodning kan du använda webbläsarens verktyg för att hitta elementens identifierare och skriva regler i inställningarna för anpassningsfunktionen. Om du inte har djupgående kunskaper om CSS kan du kontakta supporten så hjälper de dig att hitta den bästa lösningen. | ||
<br><br> | <br><br> | ||
| Line 28: | Line 29: | ||
'''[[Special:MyLanguage/Remove_Elements_from_booking_page#Removing_with_Custom_CSS| Se de vanligaste förfrågningarna om hur man tar bort element med CSS här (telefon, e-postfält, sociala flikar, vår tid etc.)]]''' | '''[[Special:MyLanguage/Remove_Elements_from_booking_page#Removing_with_Custom_CSS| Se de vanligaste förfrågningarna om hur man tar bort element med CSS här (telefon, e-postfält, sociala flikar, vår tid etc.)]]''' | ||
<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> | |||