Comments on: Concrete5 – CSS features [typograhy.css, customize themes]

By: Remo Laubacher

Remo Laubacher — Mon, 03 May 2010 19:52:40 +0000

Thanks Ryan! Not sure how this can be achieved right now. Did you post this at concrete5.org?

By: Ryan

Ryan — Mon, 03 May 2010 10:48:31 +0000

Remo,
You tutorials have saved me a couple of times, Thanks!
I’m having trouble with my typography.css in that my styles are affecting how the native dialogue boxes of C5 appear. I want to use a H1 style that looks like this:
h1 {
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
background:#000000;
text-transform:uppercase;
color:#ffffff;
padding:5px 0px 5px 15px;
margin:0px 0px 6px 0px;
}
I’ve tried wrapping my site in a #container id but either the style changes C5 dialogue boxes or doesn’t appear in the WYSIWYG editor.
Any thoughts? I was hoping on submitting this as a free theme to the market place.

By: Dennis

Dennis — Thu, 04 Mar 2010 01:26:15 +0000

Finally got around to reading this tutorial. Very helpful. Thanks.

By: Ron

Ron — Thu, 11 Feb 2010 04:37:32 +0000

Hey Remo,

thx for sharing this!

Regards

By: Osu

Osu — Sun, 04 Oct 2009 16:36:16 +0000

Managed to find the problem – the typography.css (and I think all CSS) needs to be in your theme folder and not a subfolder of your theme folder (as was the case with me).

Thanks for your help,

osu

By: Osu

Osu — Sun, 04 Oct 2009 14:32:14 +0000

Hi Remo,

Any idea what I can try after these or where I can find that file (point 3 you mentioned)?

Thanks,

osu

By: Osu

Osu — Fri, 02 Oct 2009 09:11:31 +0000

Hi Remo,

Thanks for getting back to me – in answer to your questions:

1. Simple class names.

Even with one class in there called .test {}, it still doesn’t work unfortunately

2. Don’t override content_css.

I haven’t done anything to override it as far as I know – not sure which file I would edit to do that either…

3. Check the generated initialize code which loads TinyMCE and check where content_css points to – does that file exist?

Where can I find that file please?

4. Cache. Try clearing your cache..

Tried that – I have Web Developer add-on installed for Firefox and have even disabled the cache to try this, but nothing…

I think point 3 might be my best bet based on the things I’ve tried..

Thanks

By: Remo Laubacher

Remo Laubacher — Fri, 02 Oct 2009 07:34:52 +0000

There are several reasons why styles don’t appear.

1. Simple class names. I think I had a problem when my classes had a long name including some underscores. Try using something very simple like “Test”
2. Don’t override content_css. This is the TinyMCE parameter used to include typography.css (http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/content_css)
3. Check the generated initialize code which loads TinyMCE and check where content_css points to – does that file exist?
4. Cache. Try clearing your cache..

By: Osu

Osu — Fri, 02 Oct 2009 07:19:11 +0000

Hi Remo,

Good article. I’m having a bit of trouble with the TinyMCE editor in a site I’m building because no styles aren’t appearing in the drop-down list for any of the Simple, Advanced and Office default configurations.

I’ve tried doing a custom config, but only one style appears in the drop-down (called ‘Note’, but I haven’t created a style called that).

My typography.css is in a folder in my theme called ‘css’ along with main.css and they’re referenced properly in my site because changes to them are reflected in the main site. My classes in typography.css don’t have any IDs before them i.e.

.classname {}

not

#main .classname {}

So I’m confused why they’re not appearing. Is there anything else I can check? There are no CSS errors in typography.css.

Thanks

osu

By: dekelly

dekelly — Tue, 21 Jul 2009 09:52:17 +0000

Hi Markus,

Here’s a link from Nettuts with an 11min screencast by Jeff Way.

http://net.tutsplus.com/videos/screencasts/the-easiest-way-to-use-any-font-you-wish/

He integrates it into a HTML doc.

It might give you some pointers. Im still in the middle of it…