Title: Background Last modified: August 21, 2016 --- # Background * [dbl07consulting](https://wordpress.org/support/users/dbl07consulting/) * (@dbl07consulting) * [12 years, 9 months ago](https://wordpress.org/support/topic/background-32/) * Sorry if this is a n00b question, but is there a way to change the background from white to an image? Cheers on a great theme Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/background-32/page/2/?output_format=md) [→](https://wordpress.org/support/topic/background-32/page/2/?output_format=md) * [LluisAzm2](https://wordpress.org/support/users/lluisazm2/) * (@lluisazm2) * [12 years, 9 months ago](https://wordpress.org/support/topic/background-32/#post-3877853) * Hi! I wanted to know it too! * Thanks! * [dingerbill](https://wordpress.org/support/users/dingerbill/) * (@dingerbill) * [12 years, 9 months ago](https://wordpress.org/support/topic/background-32/#post-3877873) * Thanks for posting this too. I’m also new to all of this. I’m a print designer trying to learn the basics of WP & have looked through hundreds of themes. I love this theme, I just need help customizing the look of it. * I’ve been digging through all the other posts & can’t find exactly what I’m looking for. I’m hoping to avoid someone who “knows-all” from insulting me for not looking hard enough. I’ve only been able to find info on how to change the background color to preset colors- I’m looking to customize a bit more than that. * I actually have a few questions: * 1. How to have a background image rather than a color. 2. How to change the header image area to fit the client’s logo & have the menu centered underneath it. 2. How to use a custom color for certain elements such as text, skins, etc. * Let me know if anyone’s seen another post answering these questions or perhaps the developer can help me out here. * Here’s the site I’m working on & a link to an image of what I want to end up with. [ [](http://patinogroup.com/141) * [dingerbill](https://wordpress.org/support/users/dingerbill/) * (@dingerbill) * [12 years, 9 months ago](https://wordpress.org/support/topic/background-32/#post-3877874) * Sorry, the links didn’t go through: [http://patinogroup.com](http://patinogroup.com) [http://patinogroup.com/141](http://patinogroup.com/141) * [diegoedel](https://wordpress.org/support/users/diegoedel/) * (@diegoedel) * [12 years, 8 months ago](https://wordpress.org/support/topic/background-32/#post-3877903) * I meant the first question, I would also like to know: how to have a background image rather than a color. * Thank you very much! * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [12 years, 8 months ago](https://wordpress.org/support/topic/background-32/#post-3877904) * Try: * ``` body { margin-top: 0px; background: url('/wp-content/uploads/NAMEOFFILE.png') repeat fixed 0 0 #FAFAFA !important ; } ``` * You’ll need to check the path to your image is correct. * Example site uses it: [http://www.scmtc.co.uk](http://www.scmtc.co.uk) * [ekekrantz](https://wordpress.org/support/users/ekekrantz/) * (@ekekrantz) * [12 years, 8 months ago](https://wordpress.org/support/topic/background-32/#post-3877905) * I did this * body { background-image:url(‘[http://yourdomain.com/pic.jpg’](http://yourdomain.com/pic.jpg’););} * and it worked BUT the problem is that the three circles with pics don’t look good – they are now surrounded by white squares. * Is there any way to fade the background a little bit, I’m thinking a little more transparency so that it doesn’t draw too much attention? * And if there’s a smart way to “get rid” of the white squares… * (I should add I’m new to html so this might not be “correct”) * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [12 years, 8 months ago](https://wordpress.org/support/topic/background-32/#post-3877906) * You’ll need to add the `repeat fixed 0 0 #FAFAFA` code. Depending on your background color, you’ll need to change #FAFAFA. Maybe #FFFFFF (White)? * On my site, I edited the .png using Photoshop Elements. But try: `opacity: 0.5` in the body{} code. Play with 0.5 (between 0 & 1) until you get what you want. * If still no good, can you add a link to your site? * [diegoedel](https://wordpress.org/support/users/diegoedel/) * (@diegoedel) * [12 years, 8 months ago](https://wordpress.org/support/topic/background-32/#post-3877907) * Hi rdellconsulting, * thank you for your answer. I try this and what ekekrantz mentioned and still I the image do not show in the back. * Any other options? * the web is [http://www.lulancosmetics.com](http://www.lulancosmetics.com) * Thanks! * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [12 years, 8 months ago](https://wordpress.org/support/topic/background-32/#post-3877908) * ``` body { background: url("'/wp-content/uploads/2013/07/18629017_ml.jpg'") repeat fixed 0 0 #FAFAFA !important; margin-top: 0; } ``` * is the code generated. * ' is a single-apostrophe which PHP converts to this code. So need to diagnose what you are entering, and how you are entering it. * Ironic, as I posted this some time ago: [http://wordpress.org/support/topic/039-2](http://wordpress.org/support/topic/039-2) but never got an answer! I don’t remember doing anything and it suddenly started working again (and I know that is not possible!). * How are you entering the CSS? Customiz’it! Custom CSS? Child Theme style.css? Using an editor? * Did find this elsewhere: * > This happens of late when one uses FileZilla, downloads, edits, does a save( > in edit mode of file with default as notepad) but not : ‘saveas UTF-8 with > no BOM’ and prior to opening Notepad does not have ‘word-wrap off’… MS has > promised to fix this occasional glitch once WP is nice again to them (oops). > Darn BOM! What is BOM for? * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [12 years, 8 months ago](https://wordpress.org/support/topic/background-32/#post-3877909) * Sorry, bbPress converted my entry. Instead of single-quote, it displays &-a-m- p-;-#-0-3-9 * [diegoedel](https://wordpress.org/support/users/diegoedel/) * (@diegoedel) * [12 years, 8 months ago](https://wordpress.org/support/topic/background-32/#post-3877910) * Hi again, * thank you for your help! * I’m adding this code thru Customiz’it! Changing colors works OK. But adding a big background photo doesn’t work. * I inserted the last code you provided thru Customiz’it! and still not work. * Thank you very much! Diego * Thread Starter [dbl07consulting](https://wordpress.org/support/users/dbl07consulting/) * (@dbl07consulting) * [12 years, 8 months ago](https://wordpress.org/support/topic/background-32/#post-3877911) * After a month into this rabit hole of wordpress I have had to find a new theme that can tweek this for you. It’s just easier. I have tried several themes but the one I like now is U-Design or if you want to build your own theme try artisteer. com and that way you can tweak things the way you want and not have to keep buying new themes. * _[ [Signature moderated](http://codex.wordpress.org/Forum_Welcome#Signatures).]_ * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [12 years, 8 months ago](https://wordpress.org/support/topic/background-32/#post-3877912) * OK that’s fine. * But remember Customizr costs zilch! * [ElectricFeet](https://wordpress.org/support/users/electricfeet/) * (@electricfeet) * [12 years, 8 months ago](https://wordpress.org/support/topic/background-32/#post-3877913) * > I inserted the last code you provided thru Customiz’it! and still not work. * WordPress doesn’t allow special characters to be used in the Custom CSS. Things like quotes don’t work. You will need to create a [child theme](https://managewp.com/how-to-create-a-child-theme)( very easy). * [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/) * (@rdellconsulting) * [12 years, 8 months ago](https://wordpress.org/support/topic/background-32/#post-3877914) * > I don’t remember doing anything and it suddenly started working again (and > I know that is not possible!). * That explains why my first posted problem went away! I started off using the Custom CSS but soon moved to a child theme. * I can sleep at night again 😉 * Thanks [@ef](https://wordpress.org/support/users/ef/) Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/background-32/page/2/?output_format=md) [→](https://wordpress.org/support/topic/background-32/page/2/?output_format=md) The topic ‘Background’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png) * Customizr * [Support Threads](https://wordpress.org/support/theme/customizr/) * [Active Topics](https://wordpress.org/support/theme/customizr/active/) * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/) * [Reviews](https://wordpress.org/support/theme/customizr/reviews/) ## Tags * [niclook](https://wordpress.org/support/topic-tag/niclook/) * 16 replies * 7 participants * Last reply from: [ElectricFeet](https://wordpress.org/support/users/electricfeet/) * Last activity: [12 years, 8 months ago](https://wordpress.org/support/topic/background-32/page/2/#post-3877915) * Status: not resolved