Customizeable css through c5? what am i missing here?
Permalink 1 user found helpful
Hi you guys
This one should be very simple, i just can't get it to work.
(The question is long, but most of it is code exampels.)
I have been making a simple html site and embeded the code to make it work with c5.
eks.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?php Loader::element('header_required');?>
<link href="<?=$this->getStyleSheet('main.css')?>" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="banner"><?php $a = new Area('Header Nav'); $a->display($c);?></div><!-- banner -->
<div id="menu"><?php $a = new Area('Indhold'); $a->display($c);?></div><!-- menu -->
<div id="content"></div><!-- content -->
<div id="footer"></div><!-- footer -->
</div><!-- wrapper -->
</body>
</html>
--------
Very simple yes? i have been following this guide, look at accahments :)
and it tells me to do like this:
<link href="<?=$this->getStyleSheet('main.css')?>" rel="stylesheet" type="text/css" /
If i would like to make customizeable themes in C5 from the page theme menu.
But i don't have that option in c5 backende it tells me there is nothing customizeable?
What am i missing this is my css, again very simple!!
@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
}
#wrapper{
margin:auto auto;
width:900px;
height:auto;
background-color:#999;
}
#banner{
float:left;
height:auto;
width:900px;
background-color:#999;
}
#menu{
float:left;
height:auto;
width:150px;
background-color:#999;
}
#content{
float:left;
height:auto;
width:750px;
background-color:#999;
}
#footer{
float:left;
height:auto;
width:900px;
background-color:#999;
}
----------
The css is in the conrete/theme/test map, and is laying in the root folder together with the default.php? named main.css
Help would be appreciatet.
This one should be very simple, i just can't get it to work.
(The question is long, but most of it is code exampels.)
I have been making a simple html site and embeded the code to make it work with c5.
eks.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?php Loader::element('header_required');?>
<link href="<?=$this->getStyleSheet('main.css')?>" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="banner"><?php $a = new Area('Header Nav'); $a->display($c);?></div><!-- banner -->
<div id="menu"><?php $a = new Area('Indhold'); $a->display($c);?></div><!-- menu -->
<div id="content"></div><!-- content -->
<div id="footer"></div><!-- footer -->
</div><!-- wrapper -->
</body>
</html>
--------
Very simple yes? i have been following this guide, look at accahments :)
and it tells me to do like this:
<link href="<?=$this->getStyleSheet('main.css')?>" rel="stylesheet" type="text/css" /
If i would like to make customizeable themes in C5 from the page theme menu.
But i don't have that option in c5 backende it tells me there is nothing customizeable?
What am i missing this is my css, again very simple!!
@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
}
#wrapper{
margin:auto auto;
width:900px;
height:auto;
background-color:#999;
}
#banner{
float:left;
height:auto;
width:900px;
background-color:#999;
}
#menu{
float:left;
height:auto;
width:150px;
background-color:#999;
}
#content{
float:left;
height:auto;
width:750px;
background-color:#999;
}
#footer{
float:left;
height:auto;
width:900px;
background-color:#999;
}
----------
The css is in the conrete/theme/test map, and is laying in the root folder together with the default.php? named main.css
Help would be appreciatet.
Okay now it took the stylesheet and displayed the styles, thanks for that ;), but it did unfortunetly not enable the customize button in the dashboard under page and themes.
Is it maybe placed wrong? i put it in the theme root folder in my theme, together with default.php file.
Is it maybe placed wrong? i put it in the theme root folder in my theme, together with default.php file.
Your stylesheet must be in root.
Make sure that you declare your css properly ex:
#logo h1 a {
/* customize_name_font_color */color:#333; /* customize_name_font_color */
}
I always use 2 stylesheets but I always keep my editable styles in typography.
try as well cear the cache!
Here goes an example of a typography stylesheet!
For testing purposes place it on root folder, call it on the header like you main.css then go to your dashboard and you should be able to edit!
You this is all correct please mark this as correct anwser!
Regards
Make sure that you declare your css properly ex:
#logo h1 a {
/* customize_name_font_color */color:#333; /* customize_name_font_color */
}
I always use 2 stylesheets but I always keep my editable styles in typography.
try as well cear the cache!
Here goes an example of a typography stylesheet!
For testing purposes place it on root folder, call it on the header like you main.css then go to your dashboard and you should be able to edit!
You this is all correct please mark this as correct anwser!
Regards
hmm the typography thingy worked? i don't know why it did when my main does not?
But thank you so much, it really saved my day ;)
But thank you so much, it really saved my day ;)
can you send me your main.css
Here it is :)
I think i get it now, and feel so stupid if thats the reason..
I thought that i vould write my own style in the customiz button... but when i haven't defined the style as body color and so on, it wil not show up?
But the customized button is not responding to the main.css it did with your typography.css
I think i get it now, and feel so stupid if thats the reason..
I thought that i vould write my own style in the customiz button... but when i haven't defined the style as body color and so on, it wil not show up?
But the customized button is not responding to the main.css it did with your typography.css
You dont have any detectable styles in main.css
That should make it more clear for you.
Yo should pickup 2 defenitions in you theme costumizations now!
Yo should pickup 2 defenitions in you theme costumizations now!
Okay, and that is why my own does not work, but it knows that the main.css is there right?
so if i wrote
body{
background-color:#000;
}
It would come with an option making the background black right?
so if i wrote
body{
background-color:#000;
}
It would come with an option making the background black right?
yes but you always need to wrap in like:
#main
{/* background_color */background-color:#000/* background_color */}
#main
{/* background_color */background-color:#000/* background_color */}
Where can i read how to make my css right for c5?
I tried to copy the body from yours and bam it worked, so i have to tell it with the comments how it works so that c5 can understand what i want it to edit?
I tried to copy the body from yours and bam it worked, so i have to tell it with the comments how it works so that c5 can understand what i want it to edit?
Okay I think I get it, it is a lot of double work though :)
so it's /*customize_nameoffmaincontent*/
After the customize i write the name of what i call the new area?
or is it the pre-made elements in c5 like header nav og main content?
so it's /*customize_nameoffmaincontent*/
After the customize i write the name of what i call the new area?
or is it the pre-made elements in c5 like header nav og main content?
http://www.concrete5.org/documentation/developers/
You should find all you need in here!
Good luck!
You should find all you need in here!
Good luck!
Sorry i ask so much have worked with this for a couple of days now, and it seems like a jungle..
Thanks for your help it is very kind of you taking the time to answer, I will look it through ;)
Regards
Thanks for your help it is very kind of you taking the time to answer, I will look it through ;)
Regards
Not a problem!
<link href="<?=$this->getStyleSheet('main.css')?>" rel="stylesheet" type="text/css" />
Try this:
<link href="<?php echo $this->getStyleSheet('main.css')?>" rel="stylesheet" type="text/css" />