【件名】エディター設定で、「FAQ」ブロックをスタイル変更すると、ラベルが伸びて表示される
現象

メイド・イン・ヘブン設定→エディター→FAQで「標準」以外に設定した。このとき、ラベルが伸びて表示される(図1参照)。
原因
角型ラベル以外では、親テーマCSSにheight指定がないためautoとなり、伸びてしまう。
なお、「Q」はalign-items: center;のため、伸びずに縦中央に表示される。
対策
height: 100%;を付加し、以下のコードに変更する。
.body .faq .faq-item-label {
font-size: 16px !important;
font-weight: bold;
height: 100%;
margin-right: 0.5em;
padding: 0 !important;
text-align: center;
width: 1.8em !important;
}
変更一覧
| パス | ファイル名 |
|---|---|
| /skin-made-in-heaven/ | style.css |