Problems with typography.css
Permalink
Hi
I know typography.css applies to the styles that appear in the Tiny MCE editor but within the typography.css there are h4 and h5 tags which don't seem to appear in the format pull down. Am I missing something here?
Also I added some class styles to add custom styled elements, unfortunately in the latest version of Firefox on the mac they don't appear in the styles drop down but they work fine in Safari.
I know typography.css applies to the styles that appear in the Tiny MCE editor but within the typography.css there are h4 and h5 tags which don't seem to appear in the format pull down. Am I missing something here?
Also I added some class styles to add custom styled elements, unfortunately in the latest version of Firefox on the mac they don't appear in the styles drop down but they work fine in Safari.
Hi, how would I define my own settings. Could you give a code sample please?
Log in to your site, and go to Dashboard -> Sitewide Settings. Scroll to the bottom and in the "Rich Text Editor" section, check the "Custom" option, then modify the "theme_concrete_blockformats" line of code by adding "h4, h5, h6," after the "h1, h2, h3" in the middle there (see attached screenshot).
Hi, yes I do understand that. What I do not understand how to have your own styles displayed, like if I have for example a style called .video and not the common h1,h2 etc. How would I display .video in my customized settings?
I have tried
theme_concrete_blockformats : "p,h1,h2,h3,.video",
and
theme_concrete_blockformats : "p,h1,h2,h3,video",
but neither of them works.
I have tried
theme_concrete_blockformats : "p,h1,h2,h3,.video",
and
theme_concrete_blockformats : "p,h1,h2,h3,video",
but neither of them works.
Those go in the typography.css file. For example, to add a video class, add this to typography.css:
Note that it must be a straight-up class. Things like "h1.video", "#wrapper .video", ".video p", etc. will not work.
Also, the typography.css file must be in the root level of your theme's directory (not inside a subfolder) -- so in the same directory as the page type templates.
.video { background-color: #FFF; /* etc. */ }
Note that it must be a straight-up class. Things like "h1.video", "#wrapper .video", ".video p", etc. will not work.
Also, the typography.css file must be in the root level of your theme's directory (not inside a subfolder) -- so in the same directory as the page type templates.
I seem to be getting the same problem, my typography.css just wont link in.
I have tried several things suggested, cleared cache, cleared browser cache, made sure the css file is in the theme root.
I have my h1 etc also in my main.css so I can get stuff to work on my site but not to appear in the text editor styles dropdown.
I am using an identical link in my header for the typography as my main.css (obviously with the name typography.css) but it just wont seem to link.
Any alternate suggestions?
I have tried several things suggested, cleared cache, cleared browser cache, made sure the css file is in the theme root.
I have my h1 etc also in my main.css so I can get stuff to work on my site but not to appear in the text editor styles dropdown.
I am using an identical link in my header for the typography as my main.css (obviously with the name typography.css) but it just wont seem to link.
Any alternate suggestions?
permissions?
Currently set to 644 the same as my main css.
I had not really thought about permissions, what would you recommend 12345j?
I had not really thought about permissions, what would you recommend 12345j?
i use 755, but I'd think 644 would work.
Hi Thomas, yup am using <?php echo $this->getStyleSheet('typography.css')?>
12345j gets the prize though, thanks a lot for that mate, changed it to 755 and bingo there were my styles. I have no idea why it should be but it works and for that I am grateful. I wish I could mark you best answer but it's not my question but have a virtual showering in Karma and my respect.
Now I am going to try and figure out why my Search feature wont work even though I have gone through all the usual steps :(
12345j gets the prize though, thanks a lot for that mate, changed it to 755 and bingo there were my styles. I have no idea why it should be but it works and for that I am grateful. I wish I could mark you best answer but it's not my question but have a virtual showering in Karma and my respect.
Now I am going to try and figure out why my Search feature wont work even though I have gone through all the usual steps :(
Hi,
I have the same problem. But unfortunately the permissions trick didn't do it for me. Also emptied the cash several times.
I checked if my file is loaded - yes it is - see attached chrome inspector pic.
but in the styles dropdown only a style that doesn't exist anymore is loaded. (see other attachement)
Hope somebody can help me, I don't see where I'm going wrong here.
thank you
I have the same problem. But unfortunately the permissions trick didn't do it for me. Also emptied the cash several times.
I checked if my file is loaded - yes it is - see attached chrome inspector pic.
but in the styles dropdown only a style that doesn't exist anymore is loaded. (see other attachement)
Hope somebody can help me, I don't see where I'm going wrong here.
thank you
Did you change your typography.css file and not reload your theme?
Hi Steeveb,
no I didn't reload the theme - how do I do this?
Didn't find a button or anything for it. I only changed the files, replaced them via FTP and all changes in .css and .php files normally worked.
no I didn't reload the theme - how do I do this?
Didn't find a button or anything for it. I only changed the files, replaced them via FTP and all changes in .css and .php files normally worked.
I get very frustrated, whether I work locally or remotely, when I edit my typography and look at the styles 'dropdown' nothing changes?
I find that I have to remove/uninstall my theme and then reload/reinstall for the typography to work?
I may be wrong, I might be doing something wrong, but on reload everything is fine.
Give it a try and see if it works for you.
I find that I have to remove/uninstall my theme and then reload/reinstall for the typography to work?
I may be wrong, I might be doing something wrong, but on reload everything is fine.
Give it a try and see if it works for you.
No idea - what happend but after an hour brake I have 2 styles - the old one and the new one. At least the new one is here now.. and now i also tried your method, and now the old style is gone. thank you
Could it be a sticky browser cache?
However, you can use a custom toolbar (dashboard - settings) to define your own formats..