How do I add a background image using CSS

lndncole · Member · Jun 13, 2014 at 3:17 pm
Copy link

Add topic to favorites
I’m using the theme “Lens”.
I’d like to add a background image to my front page without it applying to all of my pages.

Could someone help me understand what code I would use to do so?

Thanks!

The blog I need help with is: (visible only to logged in users)
5hirish · Member · Jun 13, 2014 at 4:34 pm
Copy link
This is the normal way to add an image background to your blog…
```
body {
    background-image: url("gradient.png");
}
```
Now if you wanna use it on specific areas try using h1 (for heading) attribute or p or div or may be if you wanna use different images on different pages you can assign a class to the div.
kathrynwp · Staff · Jun 17, 2014 at 3:00 pm
Copy link
You’ll need the To apply a background image to just your homepage, you’d use the class home in your CSS declaration. For example:
```
body.home.custom-background {
    background-image: url(http://hiremodelsandtalent.files.wordpress.com/2014/06/166995_10150404744166918_687136917_8478579_902278428_n.jpeg);
}
```
Keep in mind that you’ll always need to use the full path to the image with custom CSS. No quotes are needed around the URL.
aftermath99 · Member · Jun 24, 2014 at 9:43 pm
Copy link
where can i edit the css file? can’t find it.

i’m using the new wordpress theme: carsharingfrankfurt.wordpress.com
timethief · Member · Jun 24, 2014 at 9:44 pm
Copy link
http://weareasone.wordpress.com/ is an empty site!
timethief · Member · Jun 24, 2014 at 9:46 pm
Copy link
@aftermath99
See here for details on purchasing the annually renewable custom and CSS editing:
Custom design – Frequently Asked Questions
http://en.support.wordpress.com/custom-design/#frequently-asked-questions
http://en.support.wordpress.com/custom-design/
http://en.support.wordpress.com/custom-design/editing-css/
http://en.support.wordpress.com/custom-design/custom-fonts/

Please use this link https://en.forums.wordpress.com/forum/css-customization#postform so you can copy and paste your text into a new thread that will appear in the CSS Forum where you will get the help you need.
designsimply · Member · Jun 25, 2014 at 3:35 pm
Copy link
where can i edit the css file? can’t find it.

This help page specifically addresses how to look up selectors for CSS in your theme:
http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

No items found.