I'm having a little issue with blockquotes: I run a book blog, and i like to put the summary of the book with the cover. I use the blockquote for the summary, but I can't put the blockquote behind the image. It goes under, leaving a lot of empty lines. Is there any way to fix this? I want my blockquotes to look like this http://www.thestorysiren.com/
Thank you

Try changing or adding the display line in the blockquotes style box to display: table

I'm sorry, but I'm really new at this and I don't know what to change. Can you explain it?

In the theme options there is a Blockquotes section. If you add

display: table;

into that section it may take care of your issue. The box will then look something like the following.

color: #555555;
padding: 1em 1em;
background: #f4f4f4;
border: solid 1px #e1e1e1;
display: table;

I've tried, but it keeps showing the blockquote under the image

Have you tried it with !important added? This is where I use Firebug to try out different code and see what works.

Yes. I'll copy the code I'm using so you can tell if I'm doing it right.

font-style: italic;
color: #4A5759;
padding: 1em 1em;
background: #F4F4F4;
border: dashed 5px #D7DBDD;
display: table !important;

Anyway, thank you for helping me!

I don't see that in your source. Where are you putting the code and what version of Atahualpa and WordPress are you on?

I'm using the 3.7.3 Atahualpa version and WP 3.3.1.
I'm putting the code in the 'style blockquote' section of the Atahualpa theme options.
What do you mean with

I don't see that in your source.

This is my blog: http://www.thebooknerd.net/
you can see in the first post how blockquotes look with an image. And this: http://www.thestorysiren.com/2012/01...ah-tregay.html is an exemple of what i'd like them to look. It's just the position of the blackquote that I want to change, not the colors, border etc.
I hope I'm explaing it right, english is not my first language.

Sorry... I was looking at the example site. I am not sure where the clear is coming from but to fix the issue try adding clear: none; or clear: none !important; to your code for blockquotes.

Whit the "clear: none;" code it puts the blockquote on the right of the image, but it keeps on leaving a lot of empty space on the left. (Can you see it here? : http://www.thebooknerd.net/2012/01/0...nal-devices-2/)

That's what I originally thought you were looking for. If you now take out the display: table you should be all set.

Also I am coming up with these suggestions by using Firebug. It is a tool I think anyone building sites needs to become familiar with.

DONE!
Thank you so much. I've just downloaded firebug (i didn't even know something like that existed!) and i'll try to learn how to use it.
Again, thank you for your time and your help