Changing line spacing between Bandsintown events

378 views Asked by At

I am using the Bandsintown widget for one of my own sites (Not Wordpress, etc.) and can't figure out how to increase the line spacing between events. Is it even possible? Too keep inline with the overall formatting of the site, I'd like there to be a bit more space between each. Thanks

.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;
}
1

There are 1 answers

4
ti7 On

You likely want to add a relative line-height to your css:
CSS - Line Spacing

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

You can use > for direct descendants, * for all descendants of your container, or specify them individually https://stackoverflow.com/a/21410191/4541045

Otherwise, a border-width may be what you're looking for.
Here's an example of its usage http://www.w3schools.com/cssref/pr_border-width.asp


To find out the value to change and to edit a live copy, you can play with a browser's inspector tool.

Inspection tool example

Normally this is accessible through some menu, and may be available when right-clicking in a webpage