Blockquote is not displaying correctly

• 

  brittatobi · Member · Jan 17, 2013 at 2:28 pm

  • Copy link
  • Add topic to favorites

  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?

• 

  brittatobi · Member · Jan 17, 2013 at 6:51 pm

  • Copy link

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

• 

  davidderrick · Member · Jan 17, 2013 at 10:47 pm

  • Copy link

  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.

• 

  designsimply · Member · Feb 7, 2013 at 11:34 pm

  • Copy link

  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?

• 

  designsimply · Member · Feb 18, 2013 at 7:29 pm

  • Copy link

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

• 

  designsimply · Member · Feb 18, 2013 at 7:30 pm

  • Copy link

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

• 

  designsimply · Member · Mar 7, 2013 at 6:46 pm

  • Copy link

  @brittatobi, try changing this part:

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

  To this:

  quotes: "201C""201D";