Blockquote Spacing/Margins – Help!

  • Hello all,

    Whenever I insert a blockquote, there is a greater than normal amount of spacing between it and the previous line, as well as the next line. I want to remove that extra spacing so that the blockquote has no extra spacing/padding around it as compared to any other normal line.

    I’m assuming what I am looking for in my stylesheet is this section, but what are the relevant elements I need to change?

    —
    /* Start blockquote */
    blockquote p
    {
    color:#0D0D0D;
    font-family: Arial, Helvetica, Sans-Serif;
    font-style: italic;
    font-weight: bold;
    }

    blockquote
    {
    margin:10px 10px 10px 50px;
    padding:5px 5px 5px 28px;
    background-color:#D2C7AC;
    background-image:url(‘images/PostQuote.png’);
    background-position:left top;
    background-repeat:no-repeat;
    }

    /* Finish blockuote */
    —

    Many Thanks!
    KMLProxy

Viewing 2 replies - 1 through 2 (of 2 total)

  • The margin:10px 10px 10px 50px; is what separates it from the other page elements.

    The padding:5px 5px 5px 28px; is what separates the edge of the box from the content inside.

    You can get rid of the last three lines about the background image if you don’t want the image. You can also specify a different image if you like.

    p.s. the upper block is for a case where you would have a paragraph tag inside a blockquote, like <blockquote><p>Your quoted text</p></blockquote>.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Blockquote Spacing/Margins – Help!’ is closed to new replies.