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

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

皆さん、こんにちは。おちゃのこネットの刑部です。

今回のデザイン道場は、前回に続きて、商品一覧にスタイルシートで文字を追加する方法をご紹介します。

	https://cafe-responsive.ocnk.net/

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

デザイン管理→スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

下記の例では、商品一覧ページの商品名横に文字を追加できます。
※「追加」の文字を変更してご確認ください。

.item_list .item_name::after {
content: "追加";
font-size: 12px;
font-weight: normal;
color: #FF0000;
}

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