Problem changing Joshua template

Indyviews · Post by **Indyviews** » Sun Jun 08, 2008 7:51 pm

I would like to switch to the Joshua template and would like to change colors. However when I do, while it looked good in IE7 and Opera, Firefox messed up the header or banner..whichever.

Today I tried again changing only the 'Body bg color' and here are the screen shots showing the results in Firefox and Opera (same in IE7) and my website:

http://www.stevehulldrawings.com/blog
http://www.stevehulldrawings.com/blog/b ... irefox.jpg
http://www.stevehulldrawings.com/blog/b ... -opera.jpg

I am using Serendipity 1.3.1. I would like to know why this is happening. Thanks for any help.

Post by **Don Chambers** » Sun Jun 08, 2008 8:01 pm

Looks fine to me... Your jpg files either do not exist, or do not have the correct permissions.... you might want to place them in the /blog/uploads/ folder.

Indyviews · Post by **Indyviews** » Sun Jun 08, 2008 8:38 pm

Does this make a difference?

http://www.stevehulldrawings.com/blog/u ... irefox.jpg
http://www.stevehulldrawings.com/blog/u ... -opera.jpg
http://www.stevehulldrawings.com/blog

If not...what is happening is that the title completely disappears in Opera and IE7 and in Firefox, it is changing the title into links and moving it all the way to the left and without the border that is normally around the title.

Post by **Don Chambers** » Sun Jun 08, 2008 8:50 pm

Still don't have the right permissions on those jpgs... however, other than the text being a bit too far left - fixable by changing the margins/padding - looks fine to me in opera and firefox. Here is a firefox screenshot:

Indyviews · Post by **Indyviews** » Mon Jun 09, 2008 2:51 am

Don, I have tried different ways to make it so you can see the screen shots although I was able to see them on my neighbor's computer.

Anyway...I wanted to say that I was going to change the background again and leave it a few days so you could take a look when possible and then...what happens....after hours of working with this...it worked!

I am going to continue to make the changes I need and hope for the best. Thanks for offering help and if need be, I may be back.

Steve

Post by **Don Chambers** » Mon Jun 09, 2008 5:00 am

Steve - I have my uploads folder, and everything below that, to permissions 777 - you might want to check for the same thing.

Other than that, keep up the good work and let us know if you require any further assistance.

Indyviews · Post by **Indyviews** » Tue Jun 10, 2008 9:05 pm

Well...I thought my problem was over but I guess I was lucky the one time. I tried making more changes today (then started over) but somehow Firefox doesn't like the changes.

I have made changes on the style.css file...the two changes are the 'body bg color', and the 'header bg color'. Even if I just make one change of any type the header is messed up in Firefox.

I notice in IE7 and Opera that the change looks fine. I will leave the changes for a while so they can be viewed. Any ideas?

Steve

Post by **Don Chambers** » Wed Jun 11, 2008 6:55 am

Earlier, I saw some css errors - now I get an "account suspended" page. We can proceed when you resolve that issue.

Indyviews · Post by **Indyviews** » Wed Jun 11, 2008 4:09 pm

Sorry about the suspension notice, seems they put the site back up while they work out the problem on their end. I think I will have to change servers so I may have to do this all over.

Anyway, could you tell if the CSS errors have to do with the 'body bg color' or 'header bg color'. If so then I will know I can't use the program that I am using. (Astyle CSS) and will probably give up making changes. Those are the only changes I have made.

Post by **Don Chambers** » Wed Jun 11, 2008 5:23 pm

Where are you getting 'body bg color' and 'header bg color'? Is that what your editor is calling them?

Here are at least a few of your errors - there could be more (I only looked for the first instances of anything having to do with body or header/banner):

Code: Select all

body 
{
 margin-top: 20px;
 margin-bottom: 20px;
 background-color: #000000;
}

background-image: url( 
{
 template_path: ;
}

 
{
 img/bodybg.png): ;
 background-position: top;
 background-repeat: repeat-x;
}

You can see that body is closed before you ever get to the background styles....

Then further down, the same thing happens again with #mainpane li and #serendipity_banner .....

Code: Select all

#mainpane li 
{
 list-style: none;
 padding-left: 10px;
}

background: url( 
{
 template_path: ;
}

 
{
 img/bullet_rounded.gif) no-repeat 0 6px: ;
 margin-left: -11px;
}

#serendipity_banner 
{
 font-family: Arial, sans-serif;
 margin: 0px;
 padding-bottom: 10px;
 border-color: #555555;
 border-width: 1px;
 border-style: solid;
 height: 120px;
 background-position: top;
 background-repeat: no-repeat;
}

background-image: url( 
{
 template_path: ;
}

 
{
 img/titlebg.jpg): ;
 background-color: #acab95;
 text-align: left;
}

Chances are that your editor got confused because of the template_path syntax, which is url({template_path}img/filename.ext). So, the first block for body SHOULD be this:

Code: Select all

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

which could also be written using fewer lines as:

Code: Select all

body {
    margin: 20px 0;
    background: #000000 url({TEMPLATE_PATH}img/bodybg.png) top left repeat-x;
}

Hopefully you can use this example and figure out the other 2. If not, let me know. Meanwhile, use a simple text editor to make the changes.

Indyviews · Post by **Indyviews** » Wed Jun 11, 2008 6:57 pm

Thanks Don for the info. I started over with a fresh template and the changes so far are good and much easier with the text editor. I should have known better after my experience working with HTML and being able to get things more like I want them.

I guess I'll have to learn some CSS. I appreciate the help!

Steve