2016-12-29 2 views
1

Я использую виджет Bandsintown для одного из моих собственных сайтов (Not Wordpress и т. Д.) И не могу понять, как увеличить межстрочный интервал между событиями. Возможно ли это? Слишком поддерживая общий формат форматирования сайта, я бы хотел, чтобы между ними было немного больше места. БлагодаряИзменение межстрочного интервала между событиями 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

Добро пожаловать к SO! что ты уже испробовал? Пожалуйста, взгляните на [Как создать минимальный, полный и проверенный пример] (https://stackoverflow.com/help/mcve), чтобы помочь нам вам помочь. – ti7

+0

Я добавил межстрочный интервал и дополнение к каждому идентификатору. Ничего. – 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

Обычно это доступно через некоторое меню, и могут быть доступны при нажатии правой кнопкой мыши на веб-странице

+0

, но мне это нужно только для Bandsintownwidget, а не для остальной части страницы. – jimmehrabbit

+0

Вы должны использовать свойство 'line-height' для всех потомков контейнера или определенного подмножества, указав их так же, как и в своем коде. Я обновил свой ответ с лучшим примером. – ti7

+0

это сработало, спасибо. Вы знаете, как изменить/изменить внешний вид кнопки «RSVP»? – jimmehrabbit

Смежные вопросы