Reply To: Responsive webdesign question with Bootstrap template + changing line spacing

[Alen]

1.

Line spacing is coming from Bootstrap CSS in bootstrap.min.css file at line #98.

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee;
}
blockquote p {
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25; /* THIS */
}

In your style.css file you’re only changing p to have line-height of 30px. Your issue is CSS Specificity, ex.

blockquote p { color: orange; }
p { color: blue; }

p tag inside blockquote is too specific and it will always win. So the color will be orange.

Simply change the value of line-height inside bootstrap file for blockquote p or redefine it inside your stylesheet.

2.

Not sure what’s the question here, if you want names to stay visible just remove the class of visible-xs … etc.