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] Adding image of quotes to blockquote


  #1  
Old Apr 13, 2009, 10:59 PM
SmartlyPretty
 
2 posts · Apr 2009
Hi! I searched a lot, so forgive me if this has already been asked. A client of mine would like the blockquotes to have an image of a quote/apostrophe thing in it. My initial attempts to apply the image have been unsuccessful. It's a square image, a box. Is this possible?

Thanks in advance!
  #2  
Old Apr 14, 2009, 05:14 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Add a CSS Insert

HTML Code:
blockquote {
padding-left: 70px; /* make room for the image on the left side */
background: transparent url(/wp-content/themes/atahualpa332/images/blockquote.gif) no-repeat top left;
border: 0;
}
  #3  
Old Apr 15, 2009, 04:50 PM
SmartlyPretty
 
2 posts · Apr 2009
Quote:
Originally Posted by Flynn
Add a CSS Insert

HTML Code:
blockquote {
padding-left: 70px; /* make room for the image on the left side */
background: transparent url(/wp-content/themes/atahualpa332/images/blockquote.gif) no-repeat top left;
border: 0;
}
Thanks so much Flynn- I've been knocking around but can't for the life of me figure where- is it in the Stylesheet?


Thanks again!
  #4  
Old Apr 15, 2009, 05:32 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Add it at Atahualpa Theme Options -> HTML/CSS Inserts -> CSS Insert
  #5  
Old May 13, 2009, 12:20 PM
theyankeeblog
 
5 posts · May 2009
I used the code with Atahualpa333 but it didnt work. I don't think the image exists.
  #6  
Old May 13, 2009, 07:40 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
blockquote.gif was just an example, it does indeed not exist in the theme
  #7  
Old Sep 2, 2009, 09:33 AM
Gravity's Avatar
Gravity
 
34 posts · Sep 2009
I was about to ask this same question, but search found this answer. Thanks, it worked a treat. Donation incoming.

Last edited by Gravity; Sep 2, 2009 at 09:39 AM.
  #8  
Old Sep 2, 2009, 09:43 AM
juggledad's Avatar
juggledad
 
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Here are some open and close quotes you can use
Name:  openquote.gif
Views: 6228
Size:  435 Bytes
Name:  closequote.gif
Views: 16270
Size:  436 Bytes
Name:  openquoteold.gif
Views: 9120
Size:  367 Bytes
Name:  closequoteold.gif
Views: 6309
Size:  355 Bytes
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Sep 15, 2009, 02:56 PM
sunnivie
 
16 posts · Sep 2009
I'm still having trouble getting the quote image to appear. I've uploaded it to my server in the images folder through my FTP client, and I've tried putting the above-quoted code in both the Style Blockquotes section of the CMS and just by adding it to the CSS as Flynn suggested. What am I doing wrong?

http://www.outfrontcolorado.com/blog/?p=11

Thanks in advance for the help!

Last edited by sunnivie; Sep 15, 2009 at 03:47 PM. Reason: typo
  #10  
Old Sep 16, 2009, 05:04 AM
juggledad's Avatar
juggledad
 
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try putting the full url to the quotes
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #11  
Old Sep 23, 2009, 12:24 PM
sunnivie
 
16 posts · Sep 2009
Juggledad,

Once again, you come to my rescue. This isn't crucial, but is there a way to overlay the text on top of the quote image? I obviously wouldn't want the image to block the text, but just have it essentially as a background image in the upper left corner of the actual blockquote text?

Thank you again!
  #12  
Old Sep 24, 2009, 06:24 AM
juggledad's Avatar
juggledad
 
23,626 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
reduce the padding - you have
HTML Code:
blockquote {
padding-left:70px;
background:transparent url(http://outfrontcolorado.com/blog/wp-admin/images/beginquote.gif) no-repeat top left;
border:0
}
try
HTML Code:
blockquote {
padding-left:10px;
background:transparent url(http://outfrontcolorado.com/blog/wp-admin/images/beginquote.gif) no-repeat top left;
border:0
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #13  
Old Sep 24, 2009, 12:13 PM
sunnivie
 
16 posts · Sep 2009
Thanks so much, Juggledad! That did the trick. Blockquotes issues resolved. Awesome.

http://www.outfrontcolorado.com/blog/?p=11

Bookmarks

Tags
blockquote, images, quotes

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Adding image to footer does not work. help? crashley1784 Post-Kicker, -Byline & -Footer 6 Dec 1, 2010 06:39 PM
Adding header image ZHowl Header configuration & styling 27 Jul 31, 2009 06:30 PM
[SOLVED] Blockquote styling doesn't seem to work David Atahualpa 3 Wordpress theme 2 Jul 11, 2009 12:38 PM
HELP PLEASE! Trying to use Stray Random Quotes Widget - Won't Work.... laurastone Sidebars & Widgets 1 Mar 30, 2009 05:33 PM
blockquote tags removed from posts Octavio Excerpts, Read more, Pagination 4 Feb 8, 2009 09:23 PM


All times are GMT -6. The time now is 03:38 PM.


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