Theme Customisation error
Permalink
I have added in the tags to my CSS stylesheet (/* customize_body */), but none of the options are coming up when I go onto the theme customising page on the dashboard there is only the option to edit the link colour, and none of my other options.
I have checked that I used:
in my header, but I don't understand why it wont read it.
Thanks
Matt
PS: Has it got anything to do with comments elsewhere in the stylesheet?
I have checked that I used:
in my header, but I don't understand why it wont read it.
Thanks
Matt
PS: Has it got anything to do with comments elsewhere in the stylesheet?
Is this in the typography.css? Im pretty sure that’s where it needs to me. If it's in styles.css it might not work. Or you could empty your cache.
Ill try emptying my cache then.
No, that didnt work, didnt think it would.
works fine for me...
Well mine doesnt :s and I cant work out why
I have no other comments in my typography style sheet I will add some in and see if that affects it?
Do you have another style sheet loading in after that? Like a Block/Package applying a style that over rides any custom settings?
One thing that caught me out to was combining the customisation options
not that this is your problem but I caught me out for a while
ie
Do you have another style sheet loading in after that? Like a Block/Package applying a style that over rides any custom settings?
One thing that caught me out to was combining the customisation options
not that this is your problem but I caught me out for a while
ie
This Wont work, (I think will for colour but not for the font section of it) /* customize_heading1 */ color:#456a70; font: normal normal 21px Arial; /* customize_heading1 */ This should work /* customize_heading1 */ font: normal normal 21px Arial; /* customize_heading1 */ /* customize_heading1 */color:#456a70; /* customize_heading1 */
Also noticed
I have no idea why or which css will parse?
Does anyone know where/if a list exists for options that parse
Found it
Color Selector
Font Selector
Fonts that are contained within our special CSS comments have to be
formatted exactly like in the above examples, with the full font: tag
(including line-height.) Failure to do this will result in the file
not reading into our editor properly (although once you edit the file
and save it, it should work from there on out.)
Style tags can stack up on a particular item (notice that we have two
customize_body tags above, with one on color and one on font.)
http://www.concrete5.org/documentation/developers/pages/configurabl...
Will Work h2{ /* customize_heading_two */ font: normal normal 18px Arial /* customize_heading_two */ } Wont work h2{ /* customize_heading_two */ font-size:18px; /* customize_heading_two */ }
I have no idea why or which css will parse?
Does anyone know where/if a list exists for options that parse
Found it
Color Selector
Font Selector
Fonts that are contained within our special CSS comments have to be
formatted exactly like in the above examples, with the full font: tag
(including line-height.) Failure to do this will result in the file
not reading into our editor properly (although once you edit the file
and save it, it should work from there on out.)
Style tags can stack up on a particular item (notice that we have two
customize_body tags above, with one on color and one on font.)
http://www.concrete5.org/documentation/developers/pages/configurabl...
I do have two stylesheets loading, but it shouldnt matter should it?
I believe if you load in another stlyesheet after the typography css then you could over write any changes made in the typography.
But you should see the options in the customisation? They just would not make any difference,
ie
Is it possible to post a code example and Ill attempt to place your code in one of my sites
But you should see the options in the customisation? They just would not make any difference,
ie
#header h1 {color:FFF} h1 {color:000}//typography h1 {color:333}//stylesheet loaded in after <div id='header'> <h1>White Colour</h1> </div> <h1>Dark Grey Colour</h1>
Is it possible to post a code example and Ill attempt to place your code in one of my sites
It just doesnt have any of the options for some reason :S i cant work out why
I'm not sure why it isn't showing you ANYTHING in the customization screen, but I do see a LOT of problems with the way you've implemented it in your css.
For example, your /* customize_body */ surround an image, which is not something that c5 allows customization for (unfortunately), /* customize_menu_links */ has only a 3-digit color, not 6 (I think this matters to c5 even though it's the same in css), you have /* customize_background */ in two places (#slidercon and #page), you're listing /* customize_footer_content */ twice in a row in the #footer-content section, /* customize_footer_link_hover */ is not closed anywhere, etc.
You need to go through that css file very carefully and make sure you're not doubling up the tags, not leaving them unclosed, that you have the right format (only colors and fonts work, not images or anything else). I would remove ALL of those comments from you css and start from scratch -- carefully doing one at a time, and after you've done just 1, go into the dashboard and see if it worked. If it does, go back and add 1 more and see if that works.
It doesn't matter if it's in main.css or typography.css -- any css file included using the $this->getStyleSheet() function will do.
Good luck!
For example, your /* customize_body */ surround an image, which is not something that c5 allows customization for (unfortunately), /* customize_menu_links */ has only a 3-digit color, not 6 (I think this matters to c5 even though it's the same in css), you have /* customize_background */ in two places (#slidercon and #page), you're listing /* customize_footer_content */ twice in a row in the #footer-content section, /* customize_footer_link_hover */ is not closed anywhere, etc.
You need to go through that css file very carefully and make sure you're not doubling up the tags, not leaving them unclosed, that you have the right format (only colors and fonts work, not images or anything else). I would remove ALL of those comments from you css and start from scratch -- carefully doing one at a time, and after you've done just 1, go into the dashboard and see if it worked. If it does, go back and add 1 more and see if that works.
It doesn't matter if it's in main.css or typography.css -- any css file included using the $this->getStyleSheet() function will do.
Good luck!
Instead of using
use
Concrete does not allow these fonts to be set as customisation options though and will default to its own font list when a user changes the font
Also using 333 instead of 333333 should not break the ability to customise it just treats it as a different colour for 666 I ended up with #000766
The main problem here appears to stem from the css being unable to parse you must use the correct syntax for it to be picked up.
see here
http://www.concrete5.org/documentation/developers/pages/configurabl...
If you use an incorrect selector I guess in this case font-family: then it just breaks with no display. Change it to just font and then add in you style, weight, size and font and it should start working :)
On an unrelated note I am also noticing that custom styles are being picked up from within my main.css so they dont just need to be within the typography.css
Regards
/* customize_h1 */ font-family: Rockwell, "American Typewriter", "Courier New", serif, Georgia; /* customize_h1 */
use
/* customize_h1 */ font: normal normal 13px Rockwell, "American Typewriter", "Courier New", serif, Georgia; /* customize_h1 */
Concrete does not allow these fonts to be set as customisation options though and will default to its own font list when a user changes the font
Also using 333 instead of 333333 should not break the ability to customise it just treats it as a different colour for 666 I ended up with #000766
The main problem here appears to stem from the css being unable to parse you must use the correct syntax for it to be picked up.
see here
http://www.concrete5.org/documentation/developers/pages/configurabl...
If you use an incorrect selector I guess in this case font-family: then it just breaks with no display. Change it to just font and then add in you style, weight, size and font and it should start working :)
On an unrelated note I am also noticing that custom styles are being picked up from within my main.css so they dont just need to be within the typography.css
Regards
Great, ill give it a try, thanks very much
