Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)
-   -   [SOLVED] Adding image of quotes to blockquote (http://forum.bytesforall.com/showthread.php?t=1259)

SmartlyPretty Apr 13, 2009 10:59 PM

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

Flynn Apr 14, 2009 05:14 PM

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;
}


SmartlyPretty Apr 15, 2009 04:50 PM

Quote:

Originally Posted by Flynn (Post 4941)
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! :)

Flynn Apr 15, 2009 05:32 PM

Add it at Atahualpa Theme Options -> HTML/CSS Inserts -> CSS Insert

theyankeeblog May 13, 2009 12:20 PM

I used the code with Atahualpa333 but it didnt work. I don't think the image exists.

Flynn May 13, 2009 07:40 PM

blockquote.gif was just an example, it does indeed not exist in the theme

Gravity Sep 2, 2009 09:33 AM

I was about to ask this same question, but search found this answer. Thanks, it worked a treat. Donation incoming.

juggledad Sep 2, 2009 09:43 AM

4 Attachment(s)
Here are some open and close quotes you can use
Attachment 242
Attachment 240
Attachment 239
Attachment 241

sunnivie Sep 15, 2009 02:56 PM

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!

juggledad Sep 16, 2009 05:04 AM

try putting the full url to the quotes

sunnivie Sep 23, 2009 12:24 PM

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!

juggledad Sep 24, 2009 06:24 AM

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
}


sunnivie Sep 24, 2009 12:13 PM

Thanks so much, Juggledad! That did the trick. Blockquotes issues resolved. Awesome.

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


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

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