VKフローに、自動で連番を打つ
- ご予約
- メールフォームからご予約ください
- カウンセリング
- 問診票にご記入ください
- 診察
- 広々とした診察室で行います
- 会計
- クレジットカード決済が使えます
body {
counter-reset: flow 0; /* numberのカウンタを0に指定 */
}
.wp-block-vk-blocks-flow{
position:relative;
}
.wp-block-vk-blocks-flow::before {
counter-increment: flow 1; /* numberのカウンタを1ずつ増加 */
content: "0" counter(flow); /* 番号の後ろに0 */
font-size: 100px;
position: absolute;
z-index: 1;
opacity: 0.1;
line-height: 1;
font-weight:bold;
right:30px;
}
.wp-block-vk-blocks-flow *{
z-index:2;
}1ページ内に複数のフロー図を設置する場合は、counter-resetを調整してください。
数字の位置やスタイルは、疑似要素を調整してください。
勝手に表示されないようにするには、適当なclassを設けてあげればいいと思います。
