1. CSSの適用

LEEEP管理画面のタグ一覧画面からCSSを適用させたいタグの編集画面へ移動します。 「カスタムCSS」の項目に適用させたいCSSの記述をお願いいたします。

2. 各要素のid、class名の確認方法

全ての要素と命名の対応表のご用意がないため、CSSを適用されたい要素をブラウザのデベロッパーツール等で確認いただき、適切に実装をお願いいたします。

3. CSS実装例

以下の実装例をカスタムCSSとして入力・保存していただくことでCSSによるデザイン変更をお試しいただけます。

フォントをセリフ体（明朝体）に変更する

* {
  font-family: serif;
}

コンテンツの枠線を緑色に変更する

.post {
  border: 1px solid #2ea099 !important;
}

「もっと見る」のスタイルをシックに変更する

.see-more {
  border: none;
  border-radius: 0;
  background-color: #333;
  color: #fff;
}

商品のカードを角丸に変更する

.product-card {
  border-radius: 10px;
}
.product-image {
  border-radius: 10px 10px 0 0;
}