WordPress.com Forums » Topic: Can photos be placed behind text, as background? http://en.forums.wordpress.com/topic/can-photos-be-placed-behind-text-as-background WordPress.com Forums » Topic: Can photos be placed behind text, as background? en Wed, 22 May 2013 07:07:31 +0000 http://bbpress.org/?v=1.1-alpha-2539 1tess on "Can photos be placed behind text, as background?" http://en.forums.wordpress.com/topic/can-photos-be-placed-behind-text-as-background#post-251301 Mon, 22 Sep 2008 20:20:08 +0000 1tess 251301@http://en.forums.wordpress.com/ background-repeat: repeat-x; gives you a tiled row. And "-y" a tiled column. It took me a while to understand that you don't put in a number for x or y.

Hmmm. I just tested the "center center", and you are right, the second "center" is not needed. But if you put in "center top," the image starts with the text at the top of the imgage! Just plain "center" starts the text in the middle of the image. "bottom" works too.

]]> panaghiotisadam on "Can photos be placed behind text, as background?" http://en.forums.wordpress.com/topic/can-photos-be-placed-behind-text-as-background#post-251274 Mon, 22 Sep 2008 18:52:50 +0000 panaghiotisadam 251274@http://en.forums.wordpress.com/ @1tess: Yes of course, you can add various commands for positioning. But I hadn't found the proper way to force no repeats (I had tried repeat "none" or "0"), so I resorted to the above. Thanks for the greatly improved version! (And yes, the second "center" has to go.)

]]> 1tess on "Can photos be placed behind text, as background?" http://en.forums.wordpress.com/topic/can-photos-be-placed-behind-text-as-background#post-251246 Mon, 22 Sep 2008 18:09:02 +0000 1tess 251246@http://en.forums.wordpress.com/ Sorry, not "?w=, just ?w=NUMBER OF PIXELS

]]> 1tess on "Can photos be placed behind text, as background?" http://en.forums.wordpress.com/topic/can-photos-be-placed-behind-text-as-background#post-251243 Mon, 22 Sep 2008 18:07:57 +0000 1tess 251243@http://en.forums.wordpress.com/ panaghiotisadam,
Your method resized the pic but it's stuck on the top left, even if you try to put in background-position?
This worked for me on today's post:
<div style="background-image: url(IMAGE URL?w=NUMBER OF PIXELS); background-position: center center; background-repeat: no-repeat; text-align: center;">TEXT AND PICTURES HERE</div>
After IMAGE URL put "?w= to size the pic, then stipulate background-position (I don't think I need both centers?), background-repeat (repeat-x, repeat-y, or no-repeat)
I'm working on a post for tomorrow with a vertical image repeat.
OH! and unless you type in html, use shift-return for line breaks, or the div style starts all over again.

]]> kbassler on "Can photos be placed behind text, as background?" http://en.forums.wordpress.com/topic/can-photos-be-placed-behind-text-as-background#post-250679 Sat, 20 Sep 2008 23:02:16 +0000 kbassler 250679@http://en.forums.wordpress.com/ Great - thanks!

kpod

]]> panaghiotisadam on "Can photos be placed behind text, as background?" http://en.forums.wordpress.com/topic/can-photos-be-placed-behind-text-as-background#post-250676 Sat, 20 Sep 2008 22:59:26 +0000 panaghiotisadam 250676@http://en.forums.wordpress.com/ When you want to show us something, you must give the link to a published post: we cannot access your dashboard.

Anyway I know what you're talking about, and sorry, I hadn't experimented with that trick enough. The code I gave above makes the background adjust to the text (cropping the image, if the text is short, or repeating it in the opposite case). To avoid either of these, you must restrict it to the actual dimensions of the original image, this way:
<div style="background-image:url(IMAGE_URL_HERE);width:NUMBER_OF_PIXELS_HEREpx;height:NUMBER_OF_PIXELS_HEREpx;">TEXT_HERE</div>

]]> kbassler on "Can photos be placed behind text, as background?" http://en.forums.wordpress.com/topic/can-photos-be-placed-behind-text-as-background#post-250671 Sat, 20 Sep 2008 22:42:48 +0000 kbassler 250671@http://en.forums.wordpress.com/ Hey panaghiotisadam, I tried that and it worked, sort of. I got a strip of my photo with the text overwritten. Am I doing something wrong so that the whole photo doesn't appear: http://kjbpod.wordpress.com/wp-admin/post.php?action=edit&post=883

thanks,
kpod

]]> 1tess on "Can photos be placed behind text, as background?" http://en.forums.wordpress.com/topic/can-photos-be-placed-behind-text-as-background#post-250562 Sat, 20 Sep 2008 16:16:49 +0000 1tess 250562@http://en.forums.wordpress.com/ Wow! That is cool!

]]> vivianpaige on "Can photos be placed behind text, as background?" http://en.forums.wordpress.com/topic/can-photos-be-placed-behind-text-as-background#post-250550 Sat, 20 Sep 2008 15:32:24 +0000 vivianpaige 250550@http://en.forums.wordpress.com/ Bookmarked for future reference :)

]]> panaghiotisadam on "Can photos be placed behind text, as background?" http://en.forums.wordpress.com/topic/can-photos-be-placed-behind-text-as-background#post-250522 Sat, 20 Sep 2008 13:35:24 +0000 panaghiotisadam 250522@http://en.forums.wordpress.com/ Actually it IS possible:
<div style="background-image:url(IMAGE_URL_HERE);">TEXT_HERE</div>

]]> demyanlavor on "Can photos be placed behind text, as background?" http://en.forums.wordpress.com/topic/can-photos-be-placed-behind-text-as-background#post-250470 Sat, 20 Sep 2008 06:30:49 +0000 demyanlavor 250470@http://en.forums.wordpress.com/ I don't think so,but if it's passable I want to know how!

]]> vivianpaige on "Can photos be placed behind text, as background?" http://en.forums.wordpress.com/topic/can-photos-be-placed-behind-text-as-background#post-250448 Sat, 20 Sep 2008 04:23:11 +0000 vivianpaige 250448@http://en.forums.wordpress.com/ Nevermind. I think you are talking about this blog. http://kjbpod.wordpress.com/

Short answer - there is no way to do it here. Best bet would be to put the text on the photo before you upload it.

]]> vivianpaige on "Can photos be placed behind text, as background?" http://en.forums.wordpress.com/topic/can-photos-be-placed-behind-text-as-background#post-250446 Sat, 20 Sep 2008 04:18:02 +0000 vivianpaige 250446@http://en.forums.wordpress.com/ How about we start with a link to your wordpress.COM blog? The reason for asking is that we cannot tell if your blog is hosted here and without that information, we may be giving you the wrong answer.

]]> kbassler on "Can photos be placed behind text, as background?" http://en.forums.wordpress.com/topic/can-photos-be-placed-behind-text-as-background#post-250444 Sat, 20 Sep 2008 04:04:44 +0000 kbassler 250444@http://en.forums.wordpress.com/ I'd like to be able to have images float behind text in some of my posts. Is this possible, and if so, how do I manage it? I don't want text wrapping around my picture, I want it written over the picture itself.

thanks!

]]>