Need help? Check out our Support site, then


Blockquote is not displaying correctly

  1. I use the following CSS code to style my blockquotes:

    blockquote {
    background:#f9f9f9;
    border-left:10px solid #ccc;
    margin:1.5em 10px;
    padding:.5em 10px;
    quotes:"\201C""\201D""\2018""\2019";
    }
    blockquote:before {
    color:#ccc;
    content:open-quote;
    font-size:4em;
    line-height:.1em;
    margin-right:.25em;
    vertical-align:-.4em;
    }
    blockquote p {
    display:inline;
    }

    The first blockquote looks great, but if I add more blockquotes on the same page, only one single quote character is displayed.

    You can see the result here:
    http://img844.imageshack.us/img844/5369/quotesk.jpg

    Can anyone help?

  2. I just noticed that it is displaying correctly in IE, but not in FF :(

  3. On my blog, blockquote is now not working at all via the button in the visual editor toolbar. The button just doesn't respond. This is in all browsers on a Mac. Has been the case off and on recently, and today looks permanent.

  4. Hi brittatobi. Context is important in a case like this. Can you please post a link to your WordPress.com blog so someone can take a closer look at a live example?

  5. @brittatobi, can you provide a link to your WordPress.com blog so someone can look at a live example of the the blockquotes you're referring to?

  6. @davidderrick, that sounds like a separate issue. Can you please try refreshing your edit page and trying again and also check to see if the same problem happens with an alternate web browser? Once you have done that, please post a new help request with all of the details at http://en.forums.wordpress.com/

  7. @brittatobi, try changing this part:

    quotes:"\201C""\201D""\2018""\2019";

    To this:

    quotes: "\201C""\201D";

Topic Closed

This topic has been closed to new replies.

About this Topic