デザインを好きなようにカスタマイズしたり、予約フォームから消したい部分を削除したりすることができます。この機能を使用するには、CSSの基本的な知識が必要です。

  1. 設定 -> 予約フォーム -> 予約フォームを管理する へと移動して、変更したい予約フォームにて「変更」をクリックします。
  2. 「カスタムCSS」タブを選択します。
  3. カスタムCSSを追加した後に、「CSSを保存する」をクリックします。

CSSをカスタマイズする最善の方法

概要

CSSのカスタマイズを容易にするために、マークアップの一般的な構造と階層に特定のclassを提供しました。主に、追加のコンテキストを提供する、 `div`や` span`などの一般的な要素に基づいています。ベースとして命名規則BEM(Block、Element、Modifier)を使用しています。

基本的なBEM構造

Name Description Example
.block { } .block represents the higher level of an abstraction or component. .page-results
.block__element { } .block__element represents a descendant of .block that helps form .block as a whole. .page-results__card-items
.block–modifier { } .block–modifier represents a different state or version of .block. .page-results__card-items–unit

ほとんどの場合、カスタムCSSを使用するにはこれで十分と思われます。idセレクタまたは他のclassセレクタ(例えば、js-またはsirvoy-で始まるもの)はスタイリングを目的としたものではなく、変更される可能性があるため使用することはお勧めしません。