Blockquote is not displaying correctly

  • Author
    Posts
  • #1128917

    brittatobi
    Member

    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?

    #1129074

    brittatobi
    Member

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

    #1129104

    davidderrick
    Member

    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.

    #1129160

    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?

    #1129163

    @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?

    #1129164

    @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 https://en.forums.wordpress.com/

    #1129168

    @brittatobi, try changing this part:

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

    To this:

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

The topic ‘Blockquote is not displaying correctly’ is closed to new replies.