Sirvoy tarjoaa mahdollisuuden muuttaa tekstejä ja käännöksiä varausmoottorin järjestelmänvalvojan sivuilla, mutta niissä tapauksissa jolloin et voi käyttää tätä vaihtoehtoa, voit muokata joitain tekstejä CSS:llä kohdistamalla muokkauksen tiettyyn elementtiluokkaan.

Elementtejä, joilla on luokka ”sirvoy-flexible-text”, voidaan muokata mukautetun CSS:n sivulta. 

1. Siirry kohtaan Asetukset -> Varausmoottori. 
2. Napsauta kolmea pistettä haluamasi varausmoottorin kohdalla.
3. Valitse avattavasta luettelosta ”Muokkaa”.
4. Valitse Mukautettu CSS-välilehti.

Kaikilla elementeillä, joilla on luokka ”sirvoy-flexible-text”, on myös:

1. Erityisluokka “sft-trans-key-SPECIFIC-KEY”.
2. Kielikohtainen luokka tekstimuutoksen määrittämiseksi tietylle kielelle, esimerkiksi englanniksi:  “sft-lang-en”. (Jokaista kieltä edustaa kaksikirjaiminen kielikoodi; englanti ”-en”, ranska ”-fr”, ruotsi ”-sv” jne.)

Esimerkki Hae-painikkeen tekstin muuttamisesta

Hae-painikkeen merkintä on:

(huomaa kaksi luokkaa ”sft-lang-en” ja ”sft-trans-key-booking-form-button-search” )

<span class="
   sirvoy-flexible-text 
   sft-lang-en 
   sft-trans-key-shared-button-search 
   sft-initialized" 
   data-translation-key="shared.button.search">
            
   <div class="sft-text">
      Search
   </div>

</span>

Voit muuttaa Hae-painikkeen otsikon englanniksi ja ruotsiksi seuraavasti:

.sft-lang-en.sft-trans-key-shared-button-search .sft-text, .sft-lang-sv.sft-trans-key-shared-button-search .sft-text { 
  display: none !important;
}

.sft-lang-en.sft-trans-key-shared-button-search::after { 
  content: "My button title";
}

.sft-lang-sv.sft-trans-key-shared-button-search::after { 
  content: "Min knapptitel";
}

Englanninkielinen versio:

Ruotsinkielinen versio:

Yllä olevia tekstien muuttamisen periaatteita sovelletaan kaikkiin muihin tekstimuutoksiin, joita haluat tehdä varausmoottorin elementeissä, joiden luokka on ”sirvoy-flexible-text”.