Thread Starter
Marajo
(@marajo)
WAMP for local server
http://www.wampserver.com/en/
just mentioned if matters dunno
i try to import css
Where are you importing this CSS from? And how are you importing it?
Thread Starter
Marajo
(@marajo)
i mean i am linking it through
<link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />
sry my bad.
Possibly due to an error in your css syntax?
Or the css not being attached?
If you have chrome dev tools / firebug installed, check that the stylesheet is actually being attached.
you might need to put ‘echo’ in (without quotes), between <?php and bloginfo.
Thread Starter
Marajo
(@marajo)
So this is my Css code inside index.php
<link rel="stylesheet" href="<?php echo bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
and this is my example for header background
#header{
background-image:url(<?php echo bloginfo('template_directory'); ?>/Images/header_ichtis.jpg);
background-repeat:no-repeat;
height:132px;
}
Thing is when i inspect element in chrome and see the CSS there are ukknown parameters which i never put for example:
My wrapper width is 900px and there says it is 1885px (whole screen), or the display is block and i dont use that.
Thread Starter
Marajo
(@marajo)
btw i can see when i inspect the elements the CSS and link and all of its property but still it doesnt apply any of it.
You can’t put php in a CSS file – it’s not read there – use the absolute file path
(<?php echo bloginfo('template_directory'); ?>/Images/header_ichtis.jpg)
Thread Starter
Marajo
(@marajo)
Ok i get that, but that doesnt solve the problem with CSS not loading.
I mean my CSS path is ok?
And still he doesnt show div’s in order and width, height i made in CSS.
#wrapper {
width:1106px;
height:auto;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
}
#header{
background-image:url(wp-content/themes/Ichtis_wordpress/Images/header_ichtis.jpg);
background-repeat:no-repeat;
height:132px;
}
http://oi44.tinypic.com/4gqjhh.jpg here i took print screen
Unfortunately, it’s really not possible to help much with CSS without seeing the site. Have you validated your CSS for errors?
Thread Starter
Marajo
(@marajo)
Yes i did that, now and found 2 problems with some backround images, removed that still the same problem. Is there any way i can let u see the site ?
I am trying to solve this for 3-4 days now and i ma losing my mind.
Surfed and searched problems like mine and cant find solution maybe i am doing something wrong and i cant see what.
Could it be because of WAMP or something ?!
I can’t see a site on your local computer unless you connect it to the internet (not simple to do) – if that’s what you mean.
What is the generated HTML of this page – are your CSS selectors correct and specific enough. A tool like Firebug should be showing you if they are not.
Thread Starter
Marajo
(@marajo)
Ok i installed firebug, and inspected the page.
<meta http-equiv="content-type" content="text/html; charset=UTF-8 /> <title> Ichtis</title> <link rel=" stylesheet"="" href="http://localhost/wordpress/wp-content/themes/Ichtis_wordpress/style.css" type="text/css" media="all"/>
This is code i can see, but in css there is nothing and it says the element has no style rules.
Thread Starter
Marajo
(@marajo)
WPyogi thx for the Firebug recommendation coz i found the problem, it was “;” and ‘”‘ i putted in meta section so the Link for css was actually broken.
Cool – Firebug is indeed a really useful tool :).
