Custom CSS custom feature/sv: Difference between revisions

From SimplyBook.me
FuzzyBot (talk | contribs)
Updating to match new version of source page
No edit summary
 
(3 intermediate revisions by 2 users not shown)
Line 2: Line 2:
{{#seo:
{{#seo:
|title=Custom Features - SimplyBook.me
|title=Custom Features - SimplyBook.me
|description=Anpassa din bokningssida med anpassad CSS. Justera designelementen så att de passar ditt varumärke. Börja anpassa redan idag!
|description=Lägg till anpassad CSS för att ändra bokningssidans utseende. Ändra färger, typsnitt och layouter. Avancerad styling för utvecklare. Dölj element och justera design. Gratis funktion.
|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
Line 14: Line 14:
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>
Observera! <br>Ett stort antal eller komplexa CSS-förfrågningar kan betraktas som installationshjälp, och du kan bli ombedd att köpa alternativet ”Installationshjälp” för ytterligare CSS-kodinställning. Detta är ett betalt erbjudande som du hittar under Planer och priser → Ytterligare artiklar → Timhjälp. <br>För att boka ett samtal för utvärdering av installationshjälp, klicka på [https://bigaccounts.simplybook.it/v2/#book/service/3/count/1 följande länk]:
</div>
<span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Gratis anpassningsfunktion!</span>
<span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Gratis anpassningsfunktion!</span>
<br><br>
<br><br>
Line 29: Line 32:
'''[[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>

Latest revision as of 14:45, 13 February 2026



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.

Observera!
Ett stort antal eller komplexa CSS-förfrågningar kan betraktas som installationshjälp, och du kan bli ombedd att köpa alternativet ”Installationshjälp” för ytterligare CSS-kodinställning. Detta är ett betalt erbjudande som du hittar under Planer och priser → Ytterligare artiklar → Timhjälp.
För att boka ett samtal för utvärdering av installationshjälp, klicka på följande länk:

Gratis anpassningsfunktion!

Hur man använder
1. Aktivera detta alternativ på sidan Anpassade funktioner.



2. Klicka på "Inställningar" för denna funktion.



3. Lägg till koden/koderna för att justera stilarna på fliken "CSS för bokningssidor" om du vill redigera bokningssidan
eller "Widget CSS" om du redigerar widgeten på din webbplats.



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.)