Title: Adding background image in a post Last modified: August 19, 2016 --- # Adding background image in a post * Resolved [vaibhavbthl](https://wordpress.org/support/users/vaibhavbthl/) * (@vaibhavbthl) * [15 years, 5 months ago](https://wordpress.org/support/topic/adding-background-image-in-a-post/) * Hello I am using graphene theme and i want to add a background image like this post to my post [http://csswiz.wordpress.com/2009/08/11/backgrounds-in-posts/](http://csswiz.wordpress.com/2009/08/11/backgrounds-in-posts/) I used div tag but its still not working. P.S any suggestion is appreciated. * Regards Vaibhav Bathla Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/adding-background-image-in-a-post/page/2/?output_format=md) [→](https://wordpress.org/support/topic/adding-background-image-in-a-post/page/2/?output_format=md) * [Michael](https://wordpress.org/support/users/alchymyth/) * (@alchymyth) * [15 years, 5 months ago](https://wordpress.org/support/topic/adding-background-image-in-a-post/#post-1822922) * a link to your site would be more helpful than a link to the tutorial * have you used the code in the html editor mode of your post editor? * [Dennis](https://wordpress.org/support/users/altermann/) * (@altermann) * [15 years, 5 months ago](https://wordpress.org/support/topic/adding-background-image-in-a-post/#post-1822935) * Depend if will be an different background every time. * If does I think you can add in the html, with an Div with 100% width and height, with an background image. * If will be the same every time, it’s better to this in default CSS. * Thread Starter [vaibhavbthl](https://wordpress.org/support/users/vaibhavbthl/) * (@vaibhavbthl) * [15 years, 5 months ago](https://wordpress.org/support/topic/adding-background-image-in-a-post/#post-1822986) * Here is the link to my site [http://www.rudragems.com](http://www.rudragems.com) I have used the code in my post editor & my code is like this
My article Its not working like this and i don’t know how to edit css files or my theme in editor menu. * [Dennis](https://wordpress.org/support/users/altermann/) * (@altermann) * [15 years, 5 months ago](https://wordpress.org/support/topic/adding-background-image-in-a-post/#post-1823037) * Inside the post try to using only this: * `
-content-
` * If this works, customize later. * Thread Starter [vaibhavbthl](https://wordpress.org/support/users/vaibhavbthl/) * (@vaibhavbthl) * [15 years, 5 months ago](https://wordpress.org/support/topic/adding-background-image-in-a-post/#post-1823128) * I tried this and I also used this inside body tag but it didn’t worked. I think my theme doesn’t support background image, I have to edit my theme first. Can you tell me what should i change in my theme. * [Dennis](https://wordpress.org/support/users/altermann/) * (@altermann) * [15 years, 5 months ago](https://wordpress.org/support/topic/adding-background-image-in-a-post/#post-1823134) * As I can see in your theme, I think you need to change the css of this div: * `
` * The content of the post is inside it, try to customize in the style.css. * Thread Starter [vaibhavbthl](https://wordpress.org/support/users/vaibhavbthl/) * (@vaibhavbthl) * [15 years, 5 months ago](https://wordpress.org/support/topic/adding-background-image-in-a-post/#post-1823158) * I have no idea on how can i change my style.css file and how to add that code in my file. Please can u define me the procedure of editing style.css file…. * [Dennis](https://wordpress.org/support/users/altermann/) * (@altermann) * [15 years, 5 months ago](https://wordpress.org/support/topic/adding-background-image-in-a-post/#post-1823168) * Hmm, Ok, sorry. * The `style.css` is an .CSS file in your theme folder. You have to access your files, enter on `wp-content/themes/(youtheme)/style.css` * You will have to search for the `.entry-content` in the CSS file. * It’s just an possibility, I don’t have sure if will work. * Thread Starter [vaibhavbthl](https://wordpress.org/support/users/vaibhavbthl/) * (@vaibhavbthl) * [15 years, 5 months ago](https://wordpress.org/support/topic/adding-background-image-in-a-post/#post-1823170) * I have found style.css file and this phrase also .entry-content Now should i replace it with
as you mentioned above???? Will the above code that i wrote will work then? * [Dennis](https://wordpress.org/support/users/altermann/) * (@altermann) * [15 years, 5 months ago](https://wordpress.org/support/topic/adding-background-image-in-a-post/#post-1823171) * No, I think you need to edit the css file, search for `entry-content` and add the style lines, like “background-image”, etc. * Thread Starter [vaibhavbthl](https://wordpress.org/support/users/vaibhavbthl/) * (@vaibhavbthl) * [15 years, 5 months ago](https://wordpress.org/support/topic/adding-background-image-in-a-post/#post-1823198) * I have added this code in style.css like this .entry-content{ margin-top:10px; clear:both; “background-image” } and my post code is this ` is not a valid way to add a background image to anything; * when you are trying to modify themes, you need to understand at least the basics of html, and css; for instance by looking into tutorials such as: [http://www.w3schools.com/](http://www.w3schools.com/) * for background css: [http://www.w3schools.com/css/css_background.asp](http://www.w3schools.com/css/css_background.asp) * also, when you are following the tutorial from your first post, you need to edit your post in the html mode of the editor, and not change back to the visual editor mode. * you actually need to change the structure of the code into a single line, at the beginning: * ```
YOUR POST TEXT HERE
``` * however, i am not sure how this would fit in with the structure of your site, and with the slider. * Thread Starter [vaibhavbthl](https://wordpress.org/support/users/vaibhavbthl/) * (@vaibhavbthl) * [15 years, 5 months ago](https://wordpress.org/support/topic/adding-background-image-in-a-post/#post-1823202) * Thank You very much alchymyth………..That code worked like a charm…. * Thread Starter [vaibhavbthl](https://wordpress.org/support/users/vaibhavbthl/) * (@vaibhavbthl) * [15 years, 5 months ago](https://wordpress.org/support/topic/adding-background-image-in-a-post/#post-1823203) * There’s one small problem with me. Can you pls tell me how can i resize my image. I read the pages you have given in your links. I know basic html coding not m not familier with CSS…. * [Michael](https://wordpress.org/support/users/alchymyth/) * (@alchymyth) * [15 years, 5 months ago](https://wordpress.org/support/topic/adding-background-image-in-a-post/#post-1823204) * you cannot resize background images in css; * you would need to resize the image usign a graphic program, such as photoshop, gimp, or any of the free alternatives; and re-upload the resized image. Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/adding-background-image-in-a-post/page/2/?output_format=md) [→](https://wordpress.org/support/topic/adding-background-image-in-a-post/page/2/?output_format=md) The topic ‘Adding background image in a post’ is closed to new replies. ## Tags * ["background-image"](https://wordpress.org/support/topic-tag/background-image/) * [add image](https://wordpress.org/support/topic-tag/add-image/) * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 16 replies * 3 participants * Last reply from: [vaibhavbthl](https://wordpress.org/support/users/vaibhavbthl/) * Last activity: [15 years, 5 months ago](https://wordpress.org/support/topic/adding-background-image-in-a-post/page/2/#post-1823206) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics