Design issue with block quotes

Question

I'm working on a site that uses block quotes, and I'm getting an unwanted white line appearing down the side of each block of quotes, on the left hand side! You can see the result here

- http://www.internetsquad.co.uk/testsite ... eople-say/

I've had a look in Firebug to see where this is coming from, but it doesn't appear to be showing up as anything. It doesn't show in TemplateToaster when creating the theme, so I'm not sure how to get rid of it?

Any suggestions would be very helpful. :)

Answer 1

To set it use the following custom css at TemplateToaster -> General -> css

blockquote {
border-left: 0 none !important;
font-size: 0 !important;
margin: 0 !important;
padding: 0 !important;
}

Answer 2

Thanks Lisa, that did the trick! :)

Comments

This bug should be fixed as soon as possible because it takes too much time to a developer.

The reply above didn't help in my case (HTML template). I found the solution that works at
http://stackoverflow.com/questions/20721248/best-way-to-override-bootstrap-css

In the head section of your html place your custom.css below bootstrap.css.

<link href="bootstrap.css" rel="stylesheet">
<link href="custom.css" rel="stylesheet">

Then in custom.css you have to use the exact same selector for the element you want to override.
In the case of legend it just stays legend in your custom.css because bootstrap hasn't got any selectors more specific.