カスタムCSS

CSSの編集

カスタムCSSを利用すると、Bカートの標準のデザインを大きく変更する事ができます。
こちらで入力いただいたCSSはBカートで設定しているCSSよりも優先して反映され、背景色の一元的な変更やコンテンツの配置換えも行っていただけます。
デザイン管理 > 基本デザイン で選択しているテーマによってもイメージが変わりますので、合わせてご使用ください。

 

基本スタイル

基本スタイルのCSSを読み込まない場合は、CSSが一切反映されない状態になります。
CSSの一部を変更されたい場合は、下記の方法で「書き換え」または「上書き」してください。

 

上書き

 

  1. 基本スタイルは「読み込む」に設定します。
  2. 変更したい箇所のみをCSSで記述し【更新】すると該当箇所のみ上書きされます。
書き換え

 

  1. 基本スタイルは「読み込まない」に設定します。
  2. 【基本スタイルのCSS】をクリックし、別タブでBカートのCSSを表示ください。
  3. CSSの内容を下の入力欄にコピー&ペーストします。
  4. 変更したい箇所のみを書き換えて【更新】しご利用ください。

基本スタイルデザイン管理 > 基本デザイン で選択しているテーマのCSSになります。
 テーマを変更すると、基本スタイルのCSSも変更されますのでご注意ください。

 

注意事項

カスタムCSS機能の注意

・CSSの記述について弊社への業務委託のご依頼はお受けしておりません。
外部委託をご希望のお客さまはBカート認定パートナーのご活用をご検討くださいませ。
表示が崩れた際のサポートは致しておりません。
・具体的なCSSの記述内容や動作の保証もサポート対象外となっておりますので予めご承知おきください。
・表示が大きく崩れた場合でも、カスタムCSSの記述を空にしてHTMLを修正すれば元に戻ります。CSSが得意ではない管理者様も、ぜひお試しください。
・カスタムCSSからの画像のリンクパスは、他の項目と違い『../../../uploads/(ファイルマネージャーで取得できるパス)』にて取得してください。

HTMLの使用と同じく、カスタムCSS機能については自己責任にてご使用ください。

カスタムCSS 各ページの注意点

サンプルはレスポンシブ設定時のみ有効となります。PC表示設定の場合動作しませんのでご了承ください。