Page 1 of 1
Problem changing Joshua template
Posted: Sun Jun 08, 2008 7:51 pm
by Indyviews
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.
Posted: Sun Jun 08, 2008 8:01 pm
by Don Chambers
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.
Posted: Sun Jun 08, 2008 8:38 pm
by Indyviews
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.
Posted: Sun Jun 08, 2008 8:50 pm
by Don Chambers
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:
Posted: Mon Jun 09, 2008 2:51 am
by Indyviews
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
Posted: Mon Jun 09, 2008 5:00 am
by Don Chambers
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.
Posted: Tue Jun 10, 2008 9:05 pm
by Indyviews
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
Posted: Wed Jun 11, 2008 6:55 am
by Don Chambers
Earlier, I saw some css errors - now I get an "account suspended" page. We can proceed when you resolve that issue.
Posted: Wed Jun 11, 2008 4:09 pm
by Indyviews
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.
Posted: Wed Jun 11, 2008 5:23 pm
by Don Chambers
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.
Posted: Wed Jun 11, 2008 6:57 pm
by Indyviews
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
