Blockquote before and after quotes in Sample

[StephanieTreasure]

I would like to have before and after tags in my blockquote styling. This is the code I am using right now (have tried several):

blockquote {
	padding: 24px 64px;
	padding: 1.5rem 4rem;
}

blockquote::before {
	content: "“";
	display: block;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}

blockquote::after {
	content: close-quote;
	display: block;
	height: 0;
	left: -20px;
	position: relative;
	float: rightright;  
       bottombottom: 40px;  
    border-radius: 25px;  
}

The after section is my coding. Only the before section was in the Stylesheet before. The font size is styled elsewhere in the stylesheet. It does not work though. I only see the before quote / opening quotes.

http://www.globalchiropracticalliance.com/email-gcc/

[Anita]

Your code is mismatched. Change the "before" code to "open-quote" and it will work - see below.

blockquote::before {
	content: open-quote;
	display: block;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}

---

Love coffee, chocolate and my Bella!

[Anita]

Here's more on how to match the CSS - http://css-tricks.com/almanac/properties/q/quotes/.

---

Love coffee, chocolate and my Bella!

[Author]

Posts