Archived topic
block quote lingering vertical border
3 replies · Started by Russell on October 29, 2017
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;
}
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 :)
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?
You would use this CSS selector: .home blockquote