Docs

[instadesign]

I would like to show quotation marks before and after blockquotes, however the ‘x-cite’ class is nested within the ‘x-blockquote’ class therefore if I add the close quotation mark in ‘.x-blockquote:after’ it comes after the citation which of course looks wrong. The only workaround I can think of is to add it instead to .x-blockquote cite:before but that seems really hacky… any suggestions?

Thanks,

Henry

[Christopher]

Hi there,

Please add quotation marks directly to your content. Even if you target .x-blockquote cite:before the quotation mark wouldn’t be displayed at right place.

Hope it helps.

[instadesign]

I know I can do that but I wanted to style the quotation marks… I guess the only thing I can do then is to add a <span> within the blockquotes and teach my client to do that…

[Lely]

Hello Henry,

Based on the current structure that’s the most easiest way to achieve that. Wrap the content inside span tag and then use add the following CSS:

.x-blockquote span:before, .x-blockquote span:after {
    content: '"';
}

Hope this helps.

[Author]

Posts