カラムに背景

<style type="text/css">
/*<![CDATA[*/
.black-card {
    background-color: black;
    padding: 10px;
    margin-bottom: 20px;
}
.black-card .j-text {
    color: white;
}
.black-card h1{
    color: white !important;
}
.black-card h2{
    color: white !important;
}
.black-card h3{
    color: white;
}

@media screen and (max-width: 767px) {
    /* スマホレイアウトの時に子要素の間隔を空けて、最大幅を決める */
    .black-card {
        max-width: 345px;
        margin-left: auto;
        margin-right: auto;
    }
}

/*]]>*/
</style>

 

カラムごとに下記を追加

 <div class="custom-hook" data-class-name="black-card" data-target-position="parent">
</div>

ciao h1

ciao h2

ciao left

係りはガラスのまねセロ団で譜を鳴っボーだろです。だってこれから下手でですって狸ただ。生意気たた方たはたするとゴーシュのばかみちの中へはすっかり気の毒でんて、これなどかっこうとするられことましない。とり過ぎ何もひまをよかっましてさっきのゴーシュの狸弾を出し第万ゴーシュらのぼんやりをもっというまし。かっこうは一生けん命見るてっう。

ciao Right

係りはガラスのまねセロ団で譜を鳴っボーだろです。だってこれから下手でですって狸ただ。生意気たた方たはたするとゴーシュのばかみちの中へはすっかり気の毒でんて、これなどかっこうとするられことましない。とり過ぎ何もひまをよかっましてさっきのゴーシュの狸弾を出し第万ゴーシュらのぼんやりをもっというまし。かっこうは一生けん命見るてっう。


ciao left

係りはガラスのまねセロ団で譜を鳴っボーだろです。だってこれから下手でですって狸ただ。生意気たた方たはたするとゴーシュのばかみちの中へはすっかり気の毒でんて、これなどかっこうとするられことましない。とり過ぎ何もひまをよかっましてさっきのゴーシュの狸弾を出し第万ゴーシュらのぼんやりをもっというまし。かっこうは一生けん命見るてっう。

ciao Right

係りはガラスのまねセロ団で譜を鳴っボーだろです。だってこれから下手でですって狸ただ。生意気たた方たはたするとゴーシュのばかみちの中へはすっかり気の毒でんて、これなどかっこうとするられことましない。とり過ぎ何もひまをよかっましてさっきのゴーシュの狸弾を出し第万ゴーシュらのぼんやりをもっというまし。かっこうは一生けん命見るてっう。