Forums

New Theme with 5.7 and it is not reading my css or js files

Permalink
I am starting a new theme from scratch, it is my first time doing it in the new C5.7 and I cannot get it to read my css. Can anyone help?

This is how I was calling it:
<!DOCTYPE html>
<html lang="<?php echo LANGUAGE?>" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
<?php Loader::element('header_required') ?> 
   <!-- CSS Sheets //-->
   <link rel="stylesheet" media="screen" type="text/css" href="<?=$view->getThemePath(); ?>/css/bootstrap.css" />  
   <link rel="stylesheet" media="screen" type="text/css" href="<?=$view->getThemePath(); ?>/css/framework.css" />
   <link rel="stylesheet" media="screen" type="text/css" href="<?php echo $view->getStyleSheet('typography.css')?>" />
   <!--Fonts //-->
    <link href='http://fonts.googleapis.com/css?family=Raleway:400,800,700,600,500,300,200,100' rel='stylesheet' type='text/css'>
   <link href='http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
</head>
ld13
 
tduncandesign replied on at Permalink Reply
tduncandesign
This answer may not wind up to be helpful, but Is it not reading the framework or bootstrap css either?

When I tested in my theme just now, I was not able to get that getStyleSheet() method to read my css, I would change that one to use the getThemePath method also.

Also, I think the Loader:: for C5's header needs to be just before the closing head tag, but moving that in my theme didn't seem to make any difference to the styles just now.

Another idea, if short open tags are not enabled on your server for PHP, the shorthand <?= for "echo" might not be parsing, try writing those out longhand...

hope this helps!
mhawke replied on at Permalink Reply
mhawke
I'm not sure why you are using '$view' instead of '$this'. I've never done that.

Try 

<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getThemePath()?>/css/bootstrap.css" />