[WordPress] ビジュアルコンポーザー セパレーター行の列の間

スポンサーリンク

Question

それは簡単に作成、sepa を作成し問題に達した列ビジュアルコンポーザー プラグインを使用しています

 
html,body { height:100%;width:auto;}

.left {
float: left;

}
#w1 {width:22%;
background-color:#009;
    margin-right: 4%;
    
}
#w2{width:48%;
background-color:#9F3;
    margin-right: 4%;
}
#w3{ width:22%;
background-color:#30C;}
 
TEST
TEST
TEST

この方法簡単な方法で列の間 rator 線ですか?。3 列の下の設定再作成しました:

答え

:after

を使用することができる: 擬似要素

 
html,
body {
  height: 100%;
  width: auto;
}
.left {
  float: left;
  position: relative;
}
#w1 {
  width: 22%;
  background-color: #009;
  margin-right: 4%;
}
#w2 {
  width: 48%;
  background-color: #9F3;
  margin-right: 4%;
}
#w3 {
  width: 22%;
  background-color: #30C;
}
.left:not(:nth-of-type(2)):after {
  content: '';
  position: absolute;
  right: -10%;
  top: 0;
  height: 100%;
  width: 2px;
  background: black;
}
.left:last-of-type:after {
  right: 108%;
}
 
TEST
TEST
TEST

http://stackoverflow.com/questions/27689045/visual-composer-seperator-line-between-columns

スポンサーリンク

Leave a Reply