Skip Navigation

Issues with line breaks in blockquotes

Travel Forums System Talk Issues with line breaks in blockquotes

1. Posted by Pr.Ghostanus (Budding Member 2 posts) 49w

Hi,

I'm having issues with my blog, I can't figure out how to insert line breaks in a quoted text. Example here: http://pierrejeanpiersson.travellerspoint.com/28/

The bulleted list does the trick as it seems to include a break automatically, but I'd like to insert a break between the last item and the conclusion, which doesn't seem to work. I've tried backspace, shift+backspace, double backspace, inserting <br> or <br />... all to no avail. What am I missing here ?

Thanks in advance,

Mathieu

2. Posted by Pr.Ghostanus (Budding Member 2 posts) 49w

nvm I found my solution. Turns out the issue comes from the custom blockquote CSS I'm using, which is the following:

blockquote:before {

color: #ccc;

content: open-quote;

font-size: 4em;

line-height: 0.1em;

margin-right: 0.25em;

vertical-align: -0.4em;

}



blockquote:after {

color: #ccc;

content: close-quote;

font-size: 4em;

line-height: 0.1em;

margin-left: 0.25em;

vertical-align: -1em;

}



blockquote p {

display: inline;

}

The display:inline at the end seems to completely mess up the breaks. I couldn't find a solution so for now I just got rid of it, the closing quote ends up at the bottom of the block but that still looks better than no line breaks.

[ Edit: Edited on 18-Oct-2015, at 06:59 by Pr.Ghostanus ]

3. Posted by Sander (Moderator 4810 posts) 49w

To move the closing quote to the top right corner (which I assume is what you want), try this:
blockquote:after {
/* carry over all current properties */
position: absolute;
top: 0.5em;
right: 0.25em;
}
blockquote {
position: relative; /* This is what causes the positioning of the closing-quote to be relative to the blockquote, rather than to the page. */
}