Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

[SOLVED] Blockquotes behind images


  #1  
Old Jan 27, 2012, 08:54 AM
Eleonora
 
9 posts · Jan 2012
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
  #2  
Old Jan 27, 2012, 12:33 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Try changing or adding the display line in the blockquotes style box to display: table
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Jan 27, 2012, 02:33 PM
Eleonora
 
9 posts · Jan 2012
I'm sorry, but I'm really new at this and I don't know what to change. Can you explain it?
  #4  
Old Jan 27, 2012, 08:01 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
In the theme options there is a Blockquotes section. If you add
HTML Code:
display: table;
into that section it may take care of your issue. The box will then look something like the following.
HTML Code:
color: #555555;
padding: 1em 1em;
background: #f4f4f4;
border: solid 1px #e1e1e1;
display: table;
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Jan 28, 2012, 09:49 AM
Eleonora
 
9 posts · Jan 2012
I've tried, but it keeps showing the blockquote under the image
  #6  
Old Jan 28, 2012, 11:28 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Have you tried it with !important added? This is where I use Firebug to try out different code and see what works.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #7  
Old Jan 30, 2012, 06:26 AM
Eleonora
 
9 posts · Jan 2012
Yes. I'll copy the code I'm using so you can tell if I'm doing it right.

Quote:
font-style: italic;
color: #4A5759;
padding: 1em 1em;
background: #F4F4F4;
border: dashed 5px #D7DBDD;
display: table !important;
Anyway, thank you for helping me!
  #8  
Old Jan 30, 2012, 06:36 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
I don't see that in your source. Where are you putting the code and what version of Atahualpa and WordPress are you on?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #9  
Old Jan 30, 2012, 07:06 AM
Eleonora
 
9 posts · Jan 2012
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
Quote:
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.

Last edited by Eleonora; Jan 30, 2012 at 07:09 AM.
  #10  
Old Jan 30, 2012, 07:23 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #11  
Old Jan 30, 2012, 07:34 AM
Eleonora
 
9 posts · Jan 2012
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/)
  #12  
Old Jan 30, 2012, 08:03 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #13  
Old Jan 30, 2012, 08:26 AM
Eleonora
 
9 posts · Jan 2012
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

Bookmarks

Tags
blockquote question

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Padding for blockquotes in inner side-bar worthwhileluxury Sidebars & Widgets 9 Dec 22, 2011 05:02 PM
Updates to Blockquotes section don't change appearance Clemens Rettich Center area post/pages 1 Oct 1, 2011 05:57 PM
[SOLVED] no indentations for blockquotes xheartrockx Center area post/pages 4 Jun 28, 2010 08:19 AM
[SOLVED] Paragraphs drop out of blockquotes on post pages deucegeary Atahualpa 3 Wordpress theme 2 Jun 6, 2009 01:36 PM


All times are GMT -6. The time now is 02:45 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.