おちゃのこ通信 Vol.174 - デザイン道場 - おちゃのこネットメールマガジン

このコーナーでは、テンプレートのカスタマイズについて、実際のサンプルページを元に紹介していきます。

皆さん、こんにちは。おちゃのこネットの刑部です。
今回のデザイン道場は、ご利用案内のお買い物の流れの1～5のタイトル文字色の変更方法をご紹介します。

	http://cafe0808.ocnk.net/

スタイルシートを編集する

管理画面→デザイン管理→スタイルシートの編集をクリックして下さい。

スタイルシートの編集画面に下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

.shipping_table table {
width: 570px;
}

.shipping_table table .point_box {
width: 60px;
white-space: normal;
}

※この指定により、縦スクロールが表示される場合があります。

.shipping_table table

width: 570px;
重量別送料表示のtableの横幅となります。
この指定のみで調整可能な場合がありますので、まずはこの指定をお試しください。
※テンプレートによって、横幅の調整が必要な場合があります。ご自身で調整をお願い致します。

.shipping_table table .point_box

width: 60px;
重量別送料表示のtableの各セルの横幅となります。
上記の全体table横幅指定でも横スクロールが発生する場合は、ｗｉdｔｈを指定してください。
※widthは、項目数や文字数によって変わりますので、ご自身で調整をお願い致します。

white-space: normal;
このセルは通常料金が入りますので、改行しないように指定しております。
ただし、横幅を狭くするためには、改行するように指定を変更する必要があります。

なお、お問い合わせは下記ページからお願い致します。

https://www.ocnk.net/contact/index.php