2016-12-29 5 views
1

自分のサイト(Wordpressなどではない)のBandsintownウィジェットを使用しています。イベント間の行間隔を増やす方法を理解できません。それも可能ですか?サイトの全体的な書式設定をインラインにしすぎると、それぞれの間にもう少しのスペースが必要です。おかげBandsintownイベント間の行間隔を変更する

.bit-events a { 
    color: #39B082; 
    text-decoration: none; 
} 
.bit-events th, 
.bit-events td { 
    padding: 0!important; 
    font-family: "font_1"; 
} 
#bit-events th.bit-date { 
    width: 100px; 
} 
#bit-events th.bit-date, 
#bit-events th.bit-venue, 
#bit-events th.bit-location, 
#bit-events th.bit-tickets { 
    color: #39B082; 
    font-size: 16px; 
    text-transform: uppercase; 
    height: 20px; 
} 
#bit-events td.bit-description-links, 
#bit-events th.bit-description-links, 
#bit-events { 
    color: #121212; 
} 
+2

で利用できるあなたのコード –

+0

ようこそを追加してください。 〜に!これまでに何を試しましたか?われわれの手助けをするために[最小限で完全であり、かつ検証可能な例を作る方法](https://stackoverflow.com/help/mcve)を見てください。 – ti7

+0

すべてのIDに行間とパディングを追加しました。何もない。 – jimmehrabbit

答えて

0

あなたはおそらく、あなたのCSSへの相対的な行の高さを追加したい:
CSS - Line Spacing

#bit-events * { 
    line-height: 2rem; 
} 

あなたはあなたのコンテナのすべての子孫のために直接の子孫のために>*を使用するか、または指定することができます個別にhttps://stackoverflow.com/a/21410191/4541045

そうでなければ、border-widthがあなたの探しているものかもしれません。ここで
を変更するには、ライブコピーを編集する値を見つけるために、その使用方法の一例http://www.w3schools.com/cssref/pr_border-width.asp


だ、あなたはブラウザのインス​​ペクタツールで遊ぶことができます。

Inspection tool example

通常、これは、いくつかのメニューを介してアクセス可能で、右クリックしたときに、Webページ

+0

しかし、私はBandsintownwidgetのためだけに、ページの残りの部分は必要としません。 – jimmehrabbit

+0

'line-height'プロパティは、コンテナ内のすべての子孫または特定のサブセットに、コード内と同じ方法で指定することで適用できます。私は良い例で私の答えを更新しました。 – ti7

+0

これはうまくいきました、ありがとうございます。あなたは "RSVP"ボタンの外観を変更/変更する方法を知っていますか? – jimmehrabbit

関連する問題