I've got Baron installed on my site with Drupal 6.9. I notice that blockquotes have a right-hand large quote mark on the bottom-right of the blockquote, but not a left-hand quote mark at the top left.

However, if I turn off "optimise CSS" on the admin performance settings, then left quote marks appear. However, a large left quote also appears at the start of other HTML tags such as "a" and "strong" within the blockquote.

This is happening in Firefox 3 on a Linux box. I haven't got a Windows PC with IE handy to try it.

Comments

cmcqueen1975’s picture

cmcqueen1975 commented

It seems to be related to the blockquote :first-child declaration in style.css. The observed behaviour seems to match the CSS when CSS optimisation is off, so I'm not sure what CSS optimisation is changing.

However, the blockquote :first-child declaration doesn't seem to be doing what was intended, I think. How can it be improved? I'm a newbie to CSS.

rebaths’s picture

rebaths commented

Any updates on this?

I am having similar problems with blockquote with several different themes, and on FireFox and IE!

The quotation marks and lines signifying the beginning and end of the quote are mis-aligned.

bookesems’s picture

bookesems commented

I'm having the same issue in Sky, but I only see the large left-hand quotes at the beginning of my blockquote. Any further clues?

sk33lz’s picture

sk33lz commented
Assigned: Unassigned » sk33lz
Status: Active » Closed (fixed)

This issue is definitely with that particular first-child selector. I believe the issue actually lies in the way that Drupal compresses this selector. To fix this, I have made it so that if there is a

tag inside the

you will get the left quote in either compressed or uncompressed CSS mode. Most WYSIWYG editors and Drupal 6 defaulted to putting the

tag inside the blockquote, which should be a solid fix for this bug. Please look for the 6.x-1.1 release which will be released soon for this fix.

In order to get the blockquote graphics to work properly for this fix, make sure your code looks like this for your blockquotes:

  <blockquote><p>Text Here</p></blockquote>