Serendipity Forums

Posted: **Sat Dec 10, 2005 8:51 pm**

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.

Posted: **Sat Dec 10, 2005 9:42 pm**

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

Posted: **Sat Dec 10, 2005 10:13 pm**

HumanX wrote: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

Posted: **Sat Dec 10, 2005 10:20 pm**

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

Posted: **Sat Dec 10, 2005 10:30 pm**

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

Posted: **Sat Dec 10, 2005 10:32 pm**

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

Posted: **Sat Dec 10, 2005 10:39 pm**

Can u change it for me because i cant find it

thnx

Posted: **Sat Dec 10, 2005 10:56 pm**

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

Posted: **Sat Dec 10, 2005 10:58 pm**

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

Posted: **Sat Dec 10, 2005 11:01 pm**

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

Posted: **Sat Dec 10, 2005 11:07 pm**

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"

Posted: **Sat Dec 10, 2005 11:18 pm**

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"...)

Posted: **Sat Dec 10, 2005 11:35 pm**

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

Serendipity Forums

changing the background

changing the background

Re: changing the background

Re: changing the background

Re: changing the background

doesnt help

Re: doesnt help

re

Re: re

re

Re: re

re

Re: re

re