[Solved] Blockquote left border not showing…

[darwindude]

Hey all,

New at CSS and having an issue. Picked up a sample that was appearing fine in Chrome but when I apply it with no changes, everything is great except for the left and right borders do not appear. Suggestions?

blockquote{
display:block;
background: #fff;
padding: 15px 20px 15px 45px;
margin: 0 0 20px;
position: relative;

/Font/
font-family: Georgia, serif;
font-size: 16px;
line-height: 1.2;
color: #666;
text-align: justify;

/Borders – (Optional)/
border-left:15px solid #31698a;
border-right:2px solid #31698a;

/Box Shadow – (Optional)/
-moz-box-shadow: 2px 2px 15px #ccc;
-webkit-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}

blockquote::before{
content: “\201C”; /Unicode for Left Double Quote/

/Font/
font-family: Georgia, serif;
font-size: 60px;
font-weight: bold;
color: #999;

/Positioning/
position: absolute;
left: 1px;
top:5px;
}

blockquote::after{
/Reset to make sure/
content: “”;
}

blockquote a{
text-decoration: none;
background: #eee;
cursor: pointer;
padding: 0 3px;
color: #31698a;
}

blockquote a:hover{
color: #666;
}

blockquote em{
font-style: italic;
}

[Paulie_D]

Please make a Codepen.io example of the issue.

Thanks

[darwindude]

Here you go… http://codepen.io/darwindude/pen/ogXxdr

That is my problem. Works on codepen but not on the site…

http://www.ameerrosic.com/how-to-succeed-in-life-the-antifragile-equation-of-life/?hvid=1f57yO

Being new to CSS, not sure where to start looking. Thanks Paulie_D!

[Paulie_D]

Looks like you have a specificity issue.

This is taking precedence and stopping the some of the styles applying

.content blockquote {
background: #FAFAFA;
border-top: 1px solid #E8E8E8;
border-bottom: 1px solid #E8E8E8;
border-left: 0px solid #E8E8E8;
border-right: 0px solid #E8E8E8;
margin: 5px 5px 20px 30px;
padding: 25px 30px 5px;
}

[darwindude]

Gotcha. So I just need to find that code and delete it?

[Paulie_D]

So I just need to find that code and delete it?

Or edit it to to be the same as your chosen CSS.

Remember some of those properties may be cascading to your CSS declaration.

[darwindude]

Thanks man! This new theme being used is a bit strange. I will find it in there. Thanks for the help!

[Author]

Posts