[Twenty Eleven] How to put the blockquote inside inverted-commas/quotation-marks

Do not edit the Twenty Eleven theme. It is the default WordPress 3.2 theme and having access to an unedited version of the theme is vital when dealing with a range of site issues.

For this reason, it is recommended that you consider creating a child theme for your customisations. Once your child theme is active, we should be able to help with the customisation.

@esmi

Thanks for the reply. Actually I’ve created a child-theme and trying to edit that child theme in my computers’ LAMP server. Once it is done I’ll upload it to my hosting.

Can any one please help me in this regard?

Thank you.

I’ve able to put inverted commas in the both sides of block quote … well sort of. I’ve put the following codes in the style.css of the child theme:

blockquote:before {content:"\201C"; position:left; font-size:3em; }
blockquote:after {content:"\201D"; position:right; font-size:3em; }

The result is shown in this screenshot. As you can see, both the top and bottom inverted commas are placed very far from the quoted text. Top one is placed in a much higher position and the bottom one is placed in a much lower position. As a result, there is a huge gap between the commas and the quoted text. I want to minimize the gap, and put the starting commas at the left of the word ‘Some’ and put the closing commas at the right side of the word ‘web home’. To be precisely, I want this type of format.

Please help me to do this.

*bump*
Can anyone help me to put the inverted commas in right position, please?

Never mind, I’ve solve it. For those who want to do the change like me, you can do it by inserting the following code:

blockquote { position:relative;}
blockquote:before {
  content:"\201C";
  position:absolute;
  font-size:3em;
  line-height:1;
  left:-1.0em;
  top:0;
  color:#999;}
blockquote:after {
  content:"\201D";
  position:absolute;
  font-size:3em;
  line-height:1;
  right:-.5em;
  bottom:-.55em;
  color:#999;}