Many people have asked me how to change the background of their blogs:
1 - First you have to find a "background" or "wallpaper" on the internet. I use GOOGLE to search.
2 - Save the background in your GALLERY.
3 - Go to your GALLERY and click URL under the picture. You cannot cut and copy this, so you must manually write it down EXACTLY.
4 - Now go to MY ACCOUNT and then PALETTE.
5 - Go to EDIT WORK PALETTE - This will look similiar to what I have posted below. These are my own settings as far as colors, font and size go. Take note of where your background url goes....make sure you have everything exact such as: /...."....*.... etc.
6 - After making changes click SAVE and then COPY WORK PALETTE TO LIVE PALETTE (or view work palette first to see what it will look like)
7 - If you make a mistake, that is okay go back into your PALETTE and click RESTORE PALETTE TO DEFAULT and this will bring you back to where you started before making any changes to your blog.
I will try to explain what everything is....mostly it is a guessing game. Have fun and play around with it.
If you changed your background or wallpaper and it doesn't take, go back and check if you copied down the URL correctly. One little deviation will make it not work correctly....
If you need any help, please ask...
Lucy
/*
Default page settings and background color/image for whole page
Refer to http://palette.blogstream.com/ for help with editing this file
NOTE: If you change your background-color below to a dark color,
be sure to change the sections for "blog comments" or the comments
left on your blog will be hard to see.
*/
BODY {
font-family: arial, helvetica, geneva, sans-serif;
background-color: BLACK;
background-image: url(This is where you are to manually type in your background URL exactly)
color: BLACK;
}
/*
Default color of any clickable links in the main page body.
For example, the navigation bar or "Pages:" links at the bottom
A:link { color: WHITE; }
A:visited { color: WHITE; }
A:hover { color: WHITE; }
A:active { color: WHITE; }
These are colors for clickable links that you want to look like regular
text, but still be clickable. An example is the "My Blog" link in the
navigation bar just above the blog title. It should look the color of
regular text but be clickable.
.hiddenLinks A:link { color: BLACK; }
.hiddenLinks A:visited { color: BLACK; }
.hiddenLinks A:hover { color: BLACK; }
.hiddenLinks A:active { color: BLACK; }
Don't worry about these
*/
.formTextarea { width: 100%; height: 120px; }
/*
These are settings for the "bullet lists" in Recent Posts, Blogs I Like
and Archives. The font settings here overwrite those above and are only
for the items in the lists. Suggest not playing with the other options.
*/
ul.postList
{
font-size: 14px;
line-height: 16px; /* Should be just larger than Font-Size */
margin-top: 0px;
margin-bottom: 0px;
margin-left: 21px;
margin-right: 0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
}
li.postList
{
padding-bottom: 2px;
}
/*
Set the colors for the blog detail line at bottom of a post
.blog_post_time_color { color: DARKPINK; }
.blog_post_comments_color { color: DARKPINK; font-weight: bold; }
.blog_post_author_color { color: DARKPINK; }
.blog_post_posted_by_color { color: DARKPINK; font-size: 14px; }
Title of your whole blog
*/
.blog_title_text { font-size: 30px; color: WHITE; }
/*
Date of blog post
*/
.blog_post_date_text { font-size: 16px; color: WHITE; }
/*
Blog post title text and background
*/
.blog_post_title_text { font-size: 16px; color: WHITE; font-weight: bold; }
.blog_post_box_header_color { background-color: WHITE; }
/*
"Back to Post" button text
.blog_post_title_back_text { font-size: 13px; }
.blog_post_options_text { font-size: 13px; color: DARKPINK; }
A.blog_post_options_text { color: DARKPINK; }
A.blog_post_posted_by_time_color { color: DARKPINK; font-size: 15px; }
A.blog_post_posted_by_author_color { color: DARKPINK; font-size: 15px; }
A.blog_post_posted_by_comments_color { color: DARKPINK; font-size: 15px; }
Border around post box and header bacground
*/
.blog_post_box_border_color { background-color: BLACK; }
/*
Blog post message background
*/
.blog_post_box_bgd_color
{
background-color: WHITE;
/*
background-image: url('');
*/
}
/*
Blog post message text
.blog_post_msg_text { font-size: 16px; color: BLACK; }
.blog_add_comment_link { font-size: 15px; font-weight: bold; }
A.blog_add_comment_link { font-weight: bold; color: BLACK; }
Blog comments fonts and colors
*/
.blog_comment_area
{
font-size: 15px;
color: BLACK;
background-color: WHITE;
/*
border-style: solid;
border-width: 1px;
*/
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
.blog_comment_text { font-size: 16px; color: BLACK; }
.blog_comment_by_text { font-size: 15px; color: BLACK; }
A.blog_comment_by_text { color: BLACK; }
/*
Default colors for the box at the right -
headline, headline text color, and background
*/
.titleBox_title_bgd { background-color: WHITE; }
.titleBox_title_text { font-weight: bold; font-size: 14px; color: BLACK; }
.titleBox_body_bgd
{
background-color: WHITE;
/*
background-image: url('');
*/
}
/*
Default font settings for the text in the boxes on the right
*/
.titleBox_body_text
{
color: BLACK;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
}
/*
For the clickable links in the boxes
.titleBox_body_text A:link { color: BLACK; }
.titleBox_body_text A:visited { color: BLACK; }
.titleBox_body_text A:hover { color: BLACK; }
.titleBox_body_text A:active { color: BLACK; }
Font styles for specific boxes on the right -
these overwrite the above if needed
*/
.blog_recentposts { }
.blog_blogsilike { }
.blog_archives { }
.blog_aboutme { }
.blog_sponsor { }
/*
Navigation Bar Font Colors
To set the colors of the clickable navigation items, edit the
"clickable links" (A:link) section near the top of this file.
*/
.blog_nav_bar
{
font-size: 14px;
}
