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. Then find the Body area of the CSS. This is generally near the top of the page.
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 After you've made the change, you'll see an immediate preview of this change in the preview window.
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.
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; Then upload your background image via the Files column on the left side.
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; 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; |