• When using a blockquote on my site, there is an extra line break at the top and at the bottom of the blockquote. This has the effect of adding unwanted whitespace to the top and bottom of the blockquote. Example: https://www.rapp.org/archives/2004/06/open_that_wallet/
    I looked at the HTML WordPress generates, and it seems to be caused by the tags inside the blockquote. I enabled Markdown, which stopped the tags, but Markdown slows down my site quite a bit so I turned it off.
    Anyone know how I can get these extra line breaks to go away? I’d like to either modify WordPress not to put the tag inside blockquotes or change the style sheet to deal with this.

Viewing 14 replies - 1 through 14 (of 14 total)
  • padding: 15px 15px 15px 15px;
    Adjust that line.
    The numbers are top, right, bottom, left.

    Thread Starter ronrapp

    (@ronrapp)

    Podz,
    Sorry, I should have mentioned that I tried that already. It reduces the huge gap on the top and bottom by 15 pixels, but there’s still definitely a line break there.
    Do you know how I can get WordPress to stop putting those tags inside the blockquote tag?

    Hrm. Why does WordPress add stuff to our posts? There has got to be a way to shut this off. And I’m not talking plug-ins.
    Even Blogger allows you to do this.
    Software that auto-munges my code is bad software….

    i currently have a white background on my page…..
    whenever i use the blockquote by wordpress it gives this grey bar in front of the words i blockquote.
    can i change the color of the blockquote? and if so where do i do that? where is the code in wp about blockquote? thanks!

    this is an example of what i am trying to accomplish
    https://www.symplex.org/archives/2004/06/21/welcome-to-summer/

    I found that if you put blockquote within a <div>

    </div> then the white space is not added.
    Weird, and I cannot find a way to override whatever it is apparently inheriting.
    Was this problem ever solved?

    “With the block quote element, the browser inserts line breaks and margins…”

    this is a quote from the https://www.w3schools.com/html/html_formatting.asp
    (try the Quotations links down on the page ??
    BTW, the above quotation is in “blockquote”

    I’ve only seen it when I turn on top/bottom borders. Do you believe the same still applies?

    To be brutally honest I really do not understand this whole thread!
    The whole idea of having a “blockquote” is — a quotation separated from my own text by typography if you wish. Separated meaning so-called empty lines above and below + indent. Those who are old enough like myself might remember that before the computers publishing was done on paper… LOL – the whole layout was “borrowed” from the standards of academic papers (see different “styles” for papers, articles etc.) Also do not forget that at the beginning the whole HTML stuff was “invented” by scientist for whom the format of an academic papers came as reflex ??
    How the blockquote is used (and misused) by different webmasters – that’s a totally different question. But if you create a very basic, simple html-file (you know: just html, head, body… no CSS!!!) and you put in the body a longer text AND in the middle a blockquote – it will behave exactly as it was intended: i.e empty lines above and below + indent.
    So what’s the problem guys? The blockquotes just does what is supposed to do. (It’s not the WP – it’s HTML basics 101 ??

    I’ve seen the blockquote used to format a string of text, thought it looked good.
    Yes, there is a better way and I will do that and I do agree that using the blockquote for the above purpose is probably an abuse and a well trained webmaster wouldn’t use it that way.
    I was interested in finding out why the white space occurred only after top/bottom borders were turned on. It didn’t show up with only the left border on.
    Thanks for your input though.

    I’m having the same problem as ronrapp. Check out my blog : https://kriskhaira.com
    It’s got Markdown enabled.
    moshu – yes the blockquote tag DOES add a linebreak above and below but it is visual.
    Markdown’s blockquotes in WordPress adds a html linebreak. If I use Textile’s line breaks, there are no EXCESS line breaks above and below the blockquote.

    the problem can be seen in this particular post.
    https://kriskhaira.com/archives/2004/10/15/broadband-upgrade/

    update: i fixed it.
    moshu’s right.
    the extra padding isn’t from the blockquote but from the paragraph tags inside the blockquote. but since i cant tag paragraph tags easily in wordpress i settled with setting the blockquote’s padding to 0.
    thanks to ron rapp for helping out.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Extra line break in blockquotes’ is closed to new replies.