Forums

Concrete wont use right css file

Permalink
Hi first of all please excuse some of my writing mistakes because english is not my native language.
The second thing is that i am completely new to concrete5. I am using 5.6.3.2.

I have the following problem:

As seen in this video:https://www.youtube.com/watch?v=a9iTASByiQM... I would like to convert an existing site into a concrete5 theme.
The template I am using is based on the skeleton grid. The template includes js and css files. (in my case they are called javaskript and design)

I have done the first couple of steps which include the "installation" of the theme into the theme file. I wanted to test my main site which i called default.php just to give it a try. Now the text and images appear on the website but the editing toolbar is gone and the most important thing: the css file and some of the js doesnt work.

I took a look into the sourcecode with firefox and it seems that my theme js or jquery ? gets overwritten by the concrete5 js. I can see that because the site is not responsive but it works offline.

my head code looks like this:
<head>
      <? Loader::element('header_required'); ?>
      <link href='http://fonts.googleapis.com/css?family=Arimo:400,700' rel='stylesheet' type='text/css'>
      <!--[if lte IE 8]><script src="<?=$this->getThemePath()?>/javaskript/html5shiv.js"></script><![endif]-->
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
      <script src="<?=$this->getThemePath()?>/javaskript/skel.min.js"></script>
      <script src="<?=$this->getThemePath()?>/javaskript/skel-panels.min.js"></script>
      <script src="<?=$this->getThemePath()?>/javaskript/init.js"></script>
      <noscript>
         <link rel="stylesheet" href="<?=$this->getThemePath()?>/design/skel-noscript.css" />
         <link rel="stylesheet" href="<?=$this->getThemePath()?>/design/style.css" />
         <link rel="stylesheet" href="<?=$this->getThemePath()?>/design/style-desktop.css" />
      </noscript>
      <!--[if lte IE 8]><link rel="stylesheet" href="<?=$this->getThemePath()?>/design/ie/v8.css" /><![endif]-->
      <!--[if lte IE 9]><link rel="stylesheet" href="<?=$this->getThemePath()?>/design/ie/v9.css" /><![endif]-->
Viewing 15 lines of 16 lines. View entire code block.


sourcecode from the site:
note: glovetest/themes/c5templateglove/... is the right directory
glovetest/concrete/... the wrong one

<style type="text/css">html {margin-top: 49px !important;} </style>
<script type="text/javascript">
var CCM_SECURITY_TOKEN = '1412110547:6f9354a68911dea8f316d402cf5bdaa8';</script>
<link rel="stylesheet" type="text/css" href="/glovetest/concrete/css/ccm.base.css" />
<script type="text/javascript" src="/glovetest/concrete/js/jquery.js"></script>
<script type="text/javascript" src="/glovetest/concrete/js/ccm.base.js"></script>
<link rel="stylesheet" type="text/css" href="/glovetest/concrete/css/ccm.app.css" />
<link rel="stylesheet" type="text/css" href="/glovetest/concrete/css/jquery.ui.css" />
<script type="text/javascript" src="/glovetest/concrete/js/swfobject.js"></script>
      <link href='http://fonts.googleapis.com/css?family=Arimo:400,700' rel='stylesheet' type='text/css'>
      <!--[if lte IE 8]><script src="/glovetest/themes/c5templateglove/javaskript/html5shiv.js"></script><![endif]-->
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
      <script src="/glovetest/themes/c5templateglove/javaskript/skel.min.js"></script>
      <script src="/glovetest/themes/c5templateglove/javaskript/skel-panels.min.js"></script>
      <script src="/glovetest/themes/c5templateglove/javaskript/init.js"></script>
Viewing 15 lines of 23 lines. View entire code block.


hopefully someone of you could help me out because i am stuck with this
thank you miaue
 
miaue replied on at Permalink Reply
I solved the editing toolbar problem with 
<? Loader::element('footer_required'); ?>

but the js problem is still there