[Support request] block quote lingering vertical border

[Russell]

I recently changed my site’s block quote from having a single left vertical border to having a top and a bottom border » that’s when I discovered a left, gray vertical border remaining » I can’t seem to find what is generating this » is there somewhere in gp I can check?

see example here: https://agnetic.com/something-better-is-here/

here is the old css code I had for block quotes in simple css

blockquote {
max-width: 1000px;
margin: 20px;
padding: 20px;
text-align: left;
font-family: montserrat;
font-style: normal;
font-size: 16px;
color: #33333;
border-left: 4px solid #0B65FE;
}

here is the new code

blockquote {
max-width: 1000px;
margin: 20px;
padding: 20px;
text-align: left;
font-family: montserrat lite italic;
font-style: normal;
font-size: 16px;
color: #5B9BD5;
border-top: 1px solid #5B9BD5;
border-bottom: 1px solid #5B9BD5;
}

[Tom]

You need to add border-left: 0; to your new CSS so it overwrites the default border added by the theme.

Let me know if you need more info 🙂

[Russell]

Thanks Tom » That did it » here’s a related follow on question:

How do I get the block quotes on a single page (say the homepage) to show at a different size (20pt, vs 18pt default) size?

[Leo]

You would use this CSS selector: .home blockquote

[Author]

Posts