WordPressテーマSANGOの質問

枠線なしバージョンを別のショートコードとして割り当て，中央揃えにしたい

RYO

2021/03/16

いつもお世話になっております。

「種類16: メインカラーを使う場合」の箇条書きを枠線なしで使いたいのですが，どうすれば良いのでしょうか。
種類16自体は別箇所で使おうと思っているので，新たにショートコードを割り当てたいと考えています。

また，枠線なしの種類16で箇条書きを中央揃えにしたいのですが，そのまま中央揃えにすると先頭部分がガタガタになりうまく揃いません。
全体は中央揃えにしながらも左端は揃っているという具合に調整できるのでしょうか。

お忙しいところお手数をおかけしますが，どうぞよろしくお願いいたします。

記事に様々なスタイルの箇条書きを挿入する

コメントへの回答

サルワカくん

2021/03/16

お世話になっております。以下の様なCSSを新たに記述してみるのはいかがでしょうか？
クラス名は適当に決めてもらえるとと思います。


.li-check-centered {
  display: flex;
  width: 100%;
  border: 2px solid#6bb6ff;
  justify-content: center;
  margin: 2em 0;
}
.li-check-centered ul {
  border: none;
  margin: 0;
  padding: 1em 1em 1em 2.5em;
}
.li-check-centered li {
  list-style-type: none !important;
  padding: .5em 0;
  line-height: 1.5;
  position: relative;
}
.li-check-centered li:before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  content: "\f00c";
  color: #6bb6ff;
  position: absolute;
  left: 1em;
}

よろしくお願いします。