Float image in the background

brief22 · Member · Jul 25, 2013 at 4:40 pm
Copy link

Add topic to favorites
Hi,

I am trying to float an image in my background. The theme is “Confit.” I want it to float just above my latest post. Is there a way to do this?

Thanks for your help!

The blog I need help with is: (visible only to logged in users)
mrdirby · Member · Jul 26, 2013 at 8:23 pm
Copy link
you can have two background images present at the same time.
```
body {
background-image: url('your current background url'), url('new image url');
}
```
You can position the new image the same as you would another image by adding a comma and then the code. For example:
```
body {
background-image: url('your current background url'), url('new image url');
background-repeat: no-repeat, repeat;
}
```
brief22 · Member · Jul 26, 2013 at 8:38 pm
Copy link
That didn’t work for me. I copied and pasted the second CSS you sent, using image URLs from Dropbox, but nothing changed.
designsimply · Member · Jul 31, 2013 at 7:50 pm
Copy link
Another option would be to attach the image to a different element, like the main content area. Here is an example:
```
#main {
	background: url('http://s.wordpress.org/about/images/logos/wordpress-logo-32-blue.png') 335px 20px no-repeat;
	height: 120px;
}
```
Change the url() value to an image of your choice, then adjust the 335px and 20px numbers to move the background image around.

No items found.