• Website Builder
  • Theme Store
    • Theme Installation
  • Build It For Me

Support


FAQ & SEARCH


Beginner's Guide
Text & Images
Video & Audio
Pages
Title & Header Images
Create A Blog
Forms & Surveys
HTML / CSS & Widgets
Picture

Change Background Colors Using CSS/HTML


To change the background color of a theme, you can do so directly within the HTML / CSS editor, by changing the CSS of the theme.     

To change the background colors of a theme, go to the Design Tab. 
Then click the Edit HTML / CSS button. 
Background Colors
Then find the Body area of the CSS.  This is generally near the top of the page.
Background Colors
Delete the line of "background:" code from what we see above and replace it with this line:
  
background: #000000;   

This will turn the background of the theme black.  You can change that to whatever other color you want using a different six-digit HTML Color Code.  

If you don't know what HTML Color Code you want to use, you can visit the W3C Schools HTML Color Names page to find a color. Or something like www.colorpicker.com
Background Colors
After you've made the change, you'll see an immediate preview of this change in the preview window. 
Background Colors
If you like it, Save your changes. You'll be asked to give your altered theme a name if this is the first time you've changed it. 
Background Colors
You will now have a different background color. 

If you want to get fancier, you can replace the background with an image instead of a color (this is more advanced than replacing with a color).  To do so, change the background line so it looks like this:

background: #000000 url( ) no-repeat;
Background Colors
Then upload your background image via the Files column on the left side. 
Background Colors
Once the image is uploaded, type the full name of the image within the parentheses.  Include the file extension (.jpg, .png, etc), too. 
  
background: #000000 url(full-name-of-image.png) no-repeat;
Background Colors
If you want it to repeat across the entire background, write it like this: 
background: #000000 url(full-name-of-image.png) repeat-x;

To show in the background once, you would chnage that to no-repeat like this: 
background: #000000 url(full-name-of-image.png) no-repeat;

  • Website Builder
  • Theme Store
    • Theme Installation
  • Build It For Me
Picture
Picture
Copyright © Easy-Editor - 2013. All Rights Reserved.

Company

About Us
Contact Us
Privacy Policy
Refund Policy
Terms of Service

Services

Website Builder
Build It For Me
Theme Store

Even More

Theme Install Instructions
Features
Request a Quote
Help
Get A Quote
Easy Editor - Support