changing the background

[HumanX]

hi i want to change the white color but i cant find it in the css and in the Attic folder.

Somewane know where i can change the white color.

[garvinhicking]

What template are you using? This is different for each template we have. You could also give your URL for us to look at - please think about asking questions on the forums so that everyone understands what you want and give all necessary information for us to help you.

Use Firefox and those plugins:

- EditCSS (http://editcss.mozdev.org)
- Aarvark (http://www.karmatics.com/aardvark/)
- Modi (http://slayeroffice.com/tools/modi/v2.0/modi_help.html)

They easily allow you to look at your Template style and see which CSS is used for which element.

Regards,
Garvin

[HumanX]

hi i want to change the white color but i cant find it in the css and in the Attic folder.

Somewane know where i can change the white color.

heres the link http://www.humanx.nl

[garvinhicking]

This is pretty easy, find this part in your style.css:

Code: Select all

body {
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #acab95;
	background-image: url(templates/Joshua/img/bodybg.png);
	background-position: top;
	background-repeat: repeat-x;
}

And then just set "background-color:" to the color you want to have (like "#FFFFFF"). You will also need to use a picture program to edit the bodybg.png file, or remove the background-image.

Regards,
Garvin

[HumanX]

its doesnt help here i post the css style:

Code: Select all

h4,h3,ul {
    margin: 0;
}

.serendipitySideBarContent input {
    width: 90%;
	margin-left: 7px;
}
.serendipitySideBarContent input.textfield {
}

pre {
	font-size: 11px;
}

#mainborder {
	background-color: #adaa94;
	-moz-border-radius: 9px 9px 9px 9px;
	padding: 10px;
	border: 1px solid #acab95;
    width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
#mainpane {
	font-size: 10px;
    text-align: justify;
	color: #444;
    padding: 0px;
	X-moz-border-radius: 9px 9px 9px 9px;
    background-color: #fff;
}

#content {
    width: 545px;
    background-color: #f0f0e5;
    padding: 10px;
    border: 1px solid #e0e0d0;
    -moz-border-radius: 9px 0px 0px 9px;
}

#serendipityRightSideBar {
    width: 200px;
    vertical-align: top;
	padding: 0px;
	padding-left: 10px;
	margin: 0px;
}

#serendipityLeftSideBar {
    width: 210px;
    padding: 10px;
    vertical-align: top;
}

body {
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #acab95;
	background-image: url({TEMPLATE_PATH}img/bodybg.png);
	background-position: top;
	background-repeat: repeat-x;
}

input, textarea {
    font-size: x-small;
    font-family: verdana, arial, helvetica, sans-serif;
}

th, td {
    font-size: x-small;
}

p, td, th, div, span {
    font-family: verdana, arial, helvetica, sans-serif;
}
#mainpane li  
{   
    list-style: none;
    padding-left: 10px;
    background: url({TEMPLATE_PATH}img/bullet_rounded.gif) no-repeat 0 6px;
    margin-left: -11px;
}
#header {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    -moz-border-radius: 9px 9px 9px 9px;
    padding: 10px;
    background-color: #fff;
    width: 780px;
}

#serendipity_banner {
    font-family: Arial, sans-serif;
    margin: 0px;
    padding-bottom: 10px;
    border: 1px solid #e0e0d0;
    height: 120px;
    background-position: top;
    background-repeat: no-repeat;
    background-image: url({TEMPLATE_PATH}img/titlebg.jpg);
    background-color: #acab95;
    text-align: left;
}


a.homelink1,
a.homelink1:hover,
a.homelink1:link,
a.homelink1:visited,
#serendipity_banner h1 {
    color: #fff;
    font-size: xx-large;
    font-weight: normal;
    padding-top: 5px;
    margin: 0px;
    text-decoration: none;
}

a.homelink2,
a.homelink2:hover,
a.homelink2:link,
a.homelink2:visited,
#serendipity_banner h2 {
    color: #fff;
    font-size: small;
    font-weight: normal;
    margin: 0px;
    text-decoration: none;
}

.serendipity_title {
    color: #7090b8;
    font-size: small;
    text-align: left;
    font-weight: bold;
}

.serendipity_title a:link {
    color: #7090b8;
    text-decoration: none;
}

.serendipity_title a:visited {
    color: #7090b8;
    text-decoration: none;
}

.serendipity_title a:hover {
    color: #7090b8;
    text-decoration: none;
}

.serendipity_entry {
    padding: 15px 15px 5px 0px;
	color: #444;
    font-size: 11px;
}

.serendipity_entry_body_folded,
.serendipity_entry_body_unfolded,
.serendipity_entry_extended {
    /* Inner blocks of .serendipity_entry, can be used for further customization */
}

div.serendipity_Entry_Date {
    padding-left: 15px;
    width: auto;
}

.serendipity_date {
    color: #666666;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: small;
    text-align: left;
    font-weight: bold;
    margin-bottom: 10px;
	padding-bottom: 2px;
	background-position: bottom;
	border-bottom: 1px solid #808080;
}

.serendipity_commentsTitle {
    display: block;
    width: 100%;
    color: #666666;
    font-size: small;
    font-weight: bold;
	margin-bottom: 5px;
}


div.serendipity_entryFooter {
    color: #999999;
    font-size: x-small;
    border-top: 1px solid #e0e0e0;
    text-align: center;
    margin-bottom: 25px;
    line-height: normal;
    padding: 3px;
	margin-top: 0.5em;

}

img.serendipity_entryIcon {
    float: right;
    border: 0px;
    margin: 5px;
}

td.serendipity_commentsValue input,
td.serendipity_commentsValue select,
td.serendipity_commentsValue textarea {
    width: 95%;
    border: 1px solid #e0e0e0;
    padding: 2px;
}


td.serendipity_commentsLabel {
    font-size: x-small;
    font-weight: bold;
    vertical-align: top;
}

.serendipity_commentForm {
    font-size:x-small;
    color: #666666;
    margin-bottom: 13px;
    margin-right: 10px;
    margin-left: 10px;
}
.serendipity_comment {
    font-size: x-small;
    margin-right: 10px;
    margin-left: 10px;
    color: #666666;
    padding: 3px;
    border-right: 1px dotted #BBB;
    border-left: 1px dotted #BBB;
    margin-bottom: 10px;
    overflow: auto;
}

.serendipity_comment_source {
    margin-top: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
}

td.serendipity_admin {
    padding: 10px;
}

a, a:link, a:visited, a:active {
	color: #b82a1b;
	text-decoration: none;
}


a:hover {
	color: #7998c6;
	text-decoration: solid;
	}

table.serendipity_calendar td {
    font-size: x-small;
    padding: 3px;
    text-align: center;
}
table.serendipity_calendar a {
    font-weight: bold;
    text-decoration: underline;
}

table.serendipity_calendar a:hover {
    text-decoration: none;
}

td.serendipity_weekDayName {
    font-size: x-small;
    font-weight:bold;
}
td.serendipity_calendarHeader a:link,
td.serendipity_calendarHeader a:visited,
td.serendipity_calendarHeader a:hover {
    border: 0;
    text-decoration: none;
}
div.serendipityPlug, div.serendipityPlug a {
    font-size: 11px;
    text-decoration: none;
    border: 0px;
    text-align: center;
}

/* Container for each item on the side bar */
.serendipitySideBarContent {
	background-color: #f0f0e5;
	-moz-border-radius: 0px 0px 9px 9px;
	border: 1px solid #e0e0d0; 
	padding-right: 0px;
	margin-right: 0px;
	padding-left: 5px;
}
div.serendipitySideBarItem {
    color: #666666;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: x-small;
    text-align: left;
    margin-bottom: 15px;
    line-height: normal;
    padding: 3px;
	margin-right: 0px;
	margin-top: 0px;
}

/* title of an individual item */
.serendipitySideBarTitle {
	background-color: #80a5c7;
	-moz-border-radius: 9px 9px 0px 0px;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: x-small;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .2em;
    padding: 3px;
	margin-bottom: 5px;
	margin-top: -4px;
}

.serendipityImageButton {
    cursor: pointer;
}

td.serendipitySideBar {
    font-size: x-small;
    width: 200px;
    padding: 10px;
}

div.serendipity_admin_title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 12px;
}

div.serendipity_admin_list_title {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 8px;
}

td.serendipity_admin_list_item {
    padding: 15px;
    border: dashed 1px #000000;
}

.serendipity_entry p {
    margin: 0px;
    padding-bottom: 10px;
}

/** Embedded images with the s9y image manager **/
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid black;
    background-color: #EFEFEF;
    margin: 3px;
}

.serendipity_imageComment_center {
    margin: 0px;
}

.serendipity_imageComment_left {
    float: left;
}

.serendipity_imageComment_right {
    float: right;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0px;
    padding: 0px;
    border: 0px;
    text-align: center;
}

.serendipity_imageComment_txt {
    margin: 0px;
    padding: 3px;
    clear: both;
    font-size: xx-small;
    text-align: center;
}

.serendipity_admin_list_item_even {
    background-color: #adaa94;
}

.serendipity_admin_list_item_uneven {
    background-color: #E0E0E0;
}
.serendipity_admin_filters {
    border: 1px dashed;
    font-size: 10px;
    margin-bottom: 10px;
    padding: 2px;
}

.serendipity_admin_filters_headline {
    border-bottom: 1px solid;
}

.serendipity_admin_sortorder {
    font-size: 10px;
    text-align: center;
}

.serendipity_admin_sortorder input,
.serendipity_admin_sortorder select,
.serendipity_admin_filters input,
.serendipity_admin_filters select {
    font-size: 10px;
}

.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_entry_author_self {
}

.serendipity_comment_author_self {
}

select, input, textarea {
    border: 1px solid #bababa;
    background-color: #f8f8f4;
    color: #666;
}   
select:focus, input:focus, textarea:focus {
    border: 1px solid #d0d0d0;
    color: #000;
    background-color: #fff;
}
.captcha {
	border: 1px solid #d0d0d0;
}
blockquote {
    background-color: #f8f8f2;
    border-left: 3px solid #c3c3b5;
	border-right: 1px solid #c3c3b5;
	border-bottom: 1px solid #c3c3b5;
	border-top: 1px solid #c3c3b5;
	padding: 3px;
    -moz-border-radius: 0px 8px 8px 0px;
}

and i deleted the bodybg.png to but still doesnt go away or change

[garvinhicking]

HumanX: Of course it helps. You haven't changed the background-color in the code you posted, as I told you. Please look again, thoroughly.

Also make sure you DELETE YOUR BROWSER CACHE or refresh the page completely, when you changed the stylesheet. Else your browser caches your old styles.

Try EditCSS, like I advised. It makes your life easier, because you can instantly modify the CSS to test it, without saving the file. once you have your CSS as you like, then you can save it in your style.css

Regards
Garvin

[HumanX]

Can u change it for me because i cant find it

thnx

[garvinhicking]

Sorry, I already wrote you all about it. Please read what I posted, use the "Search" function of your editor. This is REALLY easy, just try it. If you want to have something, you must be willing to do your part of it, I think I can expect that of anyone.

Regards,
Garvin

[HumanX]

i did but he says he cant finf any ffffff any more and i replaced all the ffffff with the new code.

[garvinhicking]

I didn't say anything about FFFFF!

Read my posting again. I said, edit your style.css and look for THIS CODE:

Code: Select all

body {
   margin-top: 20px;
   margin-bottom: 20px;
   background-color: #acab95;
   background-image: url(templates/Joshua/img/bodybg.png);
   background-position: top;
   background-repeat: repeat-x;
} 

There is no #FFFFFF in this! But there is a "background-color: #acab95;" in this block. This is what I mean. Replace that with "background-color: #FFFFFF;". This will be your new code, this is what you should insert. If it were alrady there, you would already have a white background. This is why you could not find it, but I also never told you to look for that.

Now save your style.css, upload it to your server, delete your browser cache, go to your site, and be happy

Sorry if I may sound rude, but I just went through a dozen of forum postings, and I would just wish that sometimes people read carefully what is posted.

Best regards,
Garvin

[HumanX]

I dont mean that background but in the content u see the with content right in the middle i wan to have the same color as the background"acab95"

[garvinhicking]

See, that's the problem if people don't write their questions clearly

I suggest you to edit your style.css file. Search for "f0f0e5". Replace it with "acab95" one by one, then you will see which element changes when.

Again, I propose to use EditCSS and the other plugins I mentioned. Then you'll have the right element instantly, it'S easy to do it with those plugins

Have fun,
Garvin

(P.S.: "#content"...)

[HumanX]

ey garvinhicking u rulle becasue on ur last post i knew it and now its fixed just take a look
http://www.humanx.nl