0
私はAvada Wordpressテーマを使用しています。カスタムチェックリストAvada Wordpress
は、私は結果
その中でテキスト行がありますのようなものを表示するチェックリストを作成したい(と私はそれが見えるようにする方法を知っています)。
チェックリストモジュールやその他のモジュールをカスタム化する方法や、カスタムCSSを使用してこの「行頭記号」を使用する方法を知っていますか?
おかげ
私はAvada Wordpressテーマを使用しています。カスタムチェックリストAvada Wordpress
は、私は結果
その中でテキスト行がありますのようなものを表示するチェックリストを作成したい(と私はそれが見えるようにする方法を知っています)。
チェックリストモジュールやその他のモジュールをカスタム化する方法や、カスタムCSSを使用してこの「行頭記号」を使用する方法を知っていますか?
おかげ
HTML
<ul>
<li>
<span class='line'></span>
<span class='circle'></span>
</li>
<li>
<span class='circle'></span>
</li>
</ul>
CSS
ul {
list-style : none;
}
li{
display : flex;
flex-flow: row;
min-height : 100px;
position : relative;
}
span.circle {
margin-right : 100px;
text-align: center;
width : 1em;
height : 1em;
border:1px solid red;
background-color:#f3f5f6;
border-radius : 50%;
z-index : 100;
}
span.line {
position : absolute;
height : 100%;
border : solid red 0.1em;
top : 1em;
left : 0.5em;
}
li:last-child span.line{
display : none;
}
JSfiddle:http://jsfiddle.net/1yqw1y87/1/
ああ、それは非常に良いように見えますが、どのような充填されていない円を作るでしょうか?それは簡単ですか? –
上記の更新された投稿を確認してください。あなたの背景の色にspan.circleの色を変更しないでください。 'background-color:#f3f5f6;' – Alex
ありがとう、どうやってイメージのようにテキストを書くことができますか? –