SWELL 注釈リストの記号を△に変更するカスタマイズ [WordPress]

wp

WPテーマ「SWELL」の注釈リストを使う機会が無かったので、記号を△に変更してみました。

×(バツ)、(マル)リストと同じように使うことができます。

Before:注釈
After:三角
クリックできる目次

style.css を編集

/*--------------------------------------
注釈リストをの記号を三角に
--------------------------------------*/
.is-style-triangle_list {
  font-size: inherit;
}

.is-style-triangle_list li {
  margin: 0.25em 0;
  opacity: 1;
  padding-left: 1.5em;
}

.is-style-triangle_list li:before {
  top: -1px;
  color: #f8b45e;
  content: "△";
  -webkit-transform: unset;
  transform: unset;
  -webkit-transform-origin: unset;
  transform-origin: unset;
  font-weight: 900;
}

使い方

  1. ブロックを追加
  2. リストを選択
  3. サイドパネルから注釈を選ぶ

使いやすいWPテーマ「SWELL」

よかったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人

サーバーの魅力に取りつかれ、誰にでも分かりやすいサーバー紹介サイトを目指して日夜勉強中。ブログを作りたい人を応援します。

コメント

コメントする

クリックできる目次