You have:
<style type="text/css" media="screen">
@import url(/wp-layout.css );
</style>
Change to:
<style type="text/css" media="screen">
@import url(/wp/wp-layout.css );
</style>
Thread Starter
Anonymous
OK, its now working but it got rid of my background of the site. which has nothing to do with my wp-layout.css!
The background is controlled by the css.
The css controls every aspect of the design.
What exactly is the problem ?
Thread Starter
Anonymous
The css for my site is http://twinkke-stars.com/style.css
but the css for wp is http://twinkle-stars.com/wp/wp-layout.css and that doesn’t have the background to control cuz style.css should be controlling my background for the site.
The background was working before I changed the wp-layout.css but i didn’t change anything that would get rid of my background.
Well your index.php is only loading wp-layout.css. Period.
Thread Starter
Anonymous
http://twinkle-stars.com is supposed to be controled by http://twinkle-stars.com/style.css but the background image that I havei n my css is not showing up on my site.
the link to my background is http://twinkle-stars.com/img/jul_bg.gif which is the exact link i have in my css but it seems to be not working .
It seems like you are trying to pull two stylesheets to the one page. Maybe you should just combine the two into one document.
Thread Starter
Anonymous
http://twinkle-stars.com/style.css is supposed to be for the site not WP. If i combine both of them together, it would mess up my site.
Thread Starter
Anonymous
here is the style.css code for which you said that had no reference to the bg image.
A {font-size:10px; height:1px;font-weight:bold; font-family:tahoma, verdana; text-decoration:none;}
A {text-decoration: none;}
A:link {color:#91692B;}
A:visited {color:#AA7E38;}
A:hover {color:#7B5B29; }
}
body, {
margin-top:0px;
margin-left:0px;
overflow-x:hidden;
background-image: url(http://twinkle-stars.com/img/jul_bg.gif);
scrollbar-face-color:#CAA56A;
scrollbar-arrow-color:#EBD0A5;
scrollbar-track-color:#CAA56A;
scrollbar-shadow-color:#EBD0A5;
scrollbar-highlight-color:#EBD0A5;
scrollbar-3dlight-color:#CAA56A;
scrollbar-darkshadow-color:#EBD0A5;
color:#000000;
font-size:10px;
font-family:tahoma, verdana;
}
td {
color:#000000;
font-size:10px;
font-family:tahoma, verdana;
}
There looks to me to me an extra } on line 6 , could that be breaking it?
The bg image is on line 11 of the style.css.
Thread Starter
Anonymous
i took } out and its still not working.
Here’s a thought, but mine are usually wrong 🙂
If your bg is only 760×5 and you don’t have a call to repeat it, it’s probably hiding behind the giant header pic. You need to include a repeat somehow, I would think.
Thread Starter
Anonymous
It was working couple of days ago. It just stopped working when I fixed my wp-layout.css file in wp folder.
You Have:
<style type="text/css" media="screen">
@import url(/wp/wp-layout.css );
</style>
change to:
<style type="text/css" media="screen">
@import url(/wp/wp-layout.css );
@import url( /style.css );
</style>
I said there was no reference to it and I was right. You are causing immense confusion with two different style sheets (CSS). You have the bg in one but are calling the other. No need to print the CSS here. We can all read it on your blog. Thanks.
