Quote with a quote icon in Circumference

[Bill Ashton]

Is there anything like this in Circumference as there is in Pure & Simple?

**** Blockquotes ****

For a quote with a quote icon to the left and a cite included:

Nullam ac tristique ligula. Quisque sit amet ex dictum risus sodales convallis. Sed tincidunt iaculis viverra. Etiam sodales dignissim ante, a hendrerit eros vulputate quis.Parker Lorem

Thanks,

Bill

[Shekhar Bhandari]

Hi Bill,
Yes there is snippets for block quotes in circumference. To use please check the snippets folder where you can get snippets for block quotes.

Thanks.

[Bill Ashton]

I used the snippet for blockquotes and I can format it adequately.

Currently I do not see a snippet that shows a quote icon on the left in Circumference theme that works the way the Pure & Simple Theme works. Only the vertical bars

[Shekhar Bhandari]

Hi Bill,
We don’t have that type of blockquotes in circumference theme. But if you want to use it Please follow the below steps:
1) Copy the following css into your child theme CSS files.

blockquote.quotes {
	margin: 2em 0;
	border-left: none;
	padding-left: 5em;
	font-size: 1.063em;
	font-style: italic;
	color: #434343;
}
blockquote.quotes:before {
	display: block;
	height: 0;
	content: "“";
	margin: 0 2rem 0 -3.5rem;
	font: italic 800%/0.8 Georgia,"Times New Roman", serif;
	color: #cdcdcd;
}

2) Now use the blockquote as below:

Your Content Here

Thanks.

[Bill Ashton]

I’ll give that a try as soon as time permits. Went with Vertical Bar formatting for a series of blog posts that I completed editing yesterday.

[Author]

Posts