Hmmm, if they aren't bold on the front-end then it sounds like you might
have a reset.css or a CSS framework which is "zeroing" all your styles.
Typically, they do silly things like:
strong { font-weight: normal; }
So you may have to "fix" these yourself by redefining the styles
appropriately in your own style sheet.
cheers,
Justin
On Fri, May 18, 2012 at 5:09 PM, Xiaofeng Liu <[email protected]>wrote:
> I added styles like below into editor.css:
>
>
> * { margin:0; padding:0; }
>
> p {
> color: #757575;
> font-size: 12px;
> line-height: 1.5em;
> margin-bottom: 1.5em;
> }
> h1 {
> color: #313030;
> font-size: 19px;
> font-weight: bold;
> margin-bottom: 1.2em;
> }
> h2 {
> color: #313030;
> font-size: 18px;
> font-weight: bold;
> margin-bottom: 1.2em;
> }
> h3 {
> color: #313030;
> font-size: 17px;
> font-weight: bold;
> margin-bottom: 1.2em;
> }
> h4 {
> color: #313030;
> font-size: 16px;
> font-weight: bold;
> margin-bottom: 1.2em;
> }
> h5 {
> color: #313030;
> font-size: 15px;
> font-weight: bold;
> margin-bottom: 1.2em;
> }
> h6 {
> color: #313030;
> font-size: 14px;
> font-weight: bold;
> margin-bottom: 1.2em;
> }
>
> It works OK but the buttons on the editor for bold, italic and underline
> text aren't working. When bold a bunch of text, I can see they are bold in
> CMS. But on the front, they're not.
>
> Regards,
>
> Xiaofeng
>
>
> On Fri, May 18, 2012 at 1:54 PM, Justin Carter
> <[email protected]>wrote:
>
>> As far as I know it should be in the form of:
>>
>> h1.default {
>> /* style properties here */
>> }
>>
>> Again, you may need to clear your cache so that the CSS is refreshed.
>> This is what the documentation says:
>>
>> "Any CSS classes defined in your CSS file will show up in the styles
>> dropdown lists (unless you explicitly set what shows up in the styles
>> dropdown list with the
>> theme_advanced_styles<http://www.tinymce.com/wiki.php/Configuration:theme_advanced_styles>
>> option)"
>> http://www.tinymce.com/wiki.php/Configuration:content_css
>>
>> So just make sure you don't have a "theme_advanced_styles" option in your
>> config and it should pick up the class names automatically from your
>> editor.css.
>>
>> cheers,
>> Justin
>>
>>
>> On Fri, May 18, 2012 at 12:14 PM, Xiaofeng Liu <[email protected]
>> > wrote:
>>
>>> Thanks Justin.
>>>
>>> That fixed my problem.
>>>
>>> I'm new to this sort of things. Can I ask you one more thing? Say if I
>>> do want to add some more specific styles like the one called 'default', in
>>> my stylesheet I need to put:
>>>
>>> .default {
>>> color: #757575;
>>> font-size: 12px;
>>> }
>>>
>>> Then how do I code the styles for the second dropdown for all the
>>> paragraphs, heading 1 etc under that default class:
>>>
>>> I tried sth like:
>>>
>>> h1.default {/* styles here */} and .default h1 {/******/}
>>>
>>> But both of them didn't seem to work for me.
>>>
>>> Regards,
>>>
>>> Xiaofeng
>>>
>>>
>>> On Fri, May 18, 2012 at 11:57 AM, Justin Carter <
>>> [email protected]> wrote:
>>>
>>>> Try clearing your browser cache - since TinyMCE runs in an iframe it is
>>>> hard to force it to refresh the CSS. That should do the trick. Either that
>>>> our change the path and/or filename of your CSS file :)
>>>>
>>>> Cheers,
>>>> Justin
>>>> On May 18, 2012 11:49 AM, "Xiaofeng Liu" <[email protected]>
>>>> wrote:
>>>>
>>>>> Hi guys,
>>>>>
>>>>> I ran into a problem when I tried to configure the rich text editor to
>>>>> provide some site specific styles for my contributors.
>>>>>
>>>>> I have changed the configuration settings to:
>>>>>
>>>>> theme : "advanced",
>>>>> plugins :
>>>>> "table,advhr,farcrycontenttemplates,advimage,advlink,preview,zoom,searchreplace,print,contextmenu,paste,directionality,fullscreen",
>>>>>
>>>>> theme_advanced_buttons2_add : "separator,farcrycontenttemplates",
>>>>> theme_advanced_buttons3_add_before : "tablecontrols,separator",
>>>>> theme_advanced_buttons3_add :
>>>>> "separator,fullscreen,pasteword,pastetext",
>>>>> theme_advanced_toolbar_location : "top",
>>>>> theme_advanced_toolbar_align : "left",
>>>>> theme_advanced_path_location : "bottom",
>>>>> theme_advanced_resize_horizontal : true,
>>>>> theme_advanced_resizing : true,
>>>>> extended_valid_elements:
>>>>> "code,colgroup,col,thead,tfoot,tbody,abbr,blockquote,cite,button,textarea[name|class|cols|rows],script[type],img[style|class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name]",
>>>>> remove_linebreaks : false,
>>>>> relative_urls : false,
>>>>> content_css : "/css/editor.css"
>>>>>
>>>>> Within editor.css, I put sth like:
>>>>>
>>>>> * { margin:0; padding:0; }
>>>>>
>>>>> .TextStandard {
>>>>> color: #757575;
>>>>> font-size: 12px;
>>>>> }
>>>>>
>>>>> Then I reload the configuration as well as the application.
>>>>>
>>>>> I can see the style TextStandard appearing now in the editor:
>>>>>
>>>>>
>>>>>
>>>>> Then I decided to remove the style 'TextStandard' and apply the styles
>>>>> to more generic tags like <p>, <h1>, <h2> etc.
>>>>>
>>>>> I removed the the class 'TextStandard' from my stylesheet, and put
>>>>> stuff like this:
>>>>>
>>>>> * { margin:0; padding:0; }
>>>>>
>>>>> p {
>>>>> color: #757575;
>>>>> font-size: 12px;
>>>>> }
>>>>> h1 {
>>>>> color: #313030;
>>>>> font-size: 2em;
>>>>> font-weight: bold;
>>>>> }
>>>>> h2 {
>>>>> color: #313030;
>>>>> font-size: 1.5em;
>>>>> font-weight: bold;
>>>>> }
>>>>> h3 {
>>>>> color: #313030;
>>>>> font-size: 1.3em;
>>>>> font-weight: bold;
>>>>> }
>>>>> h4 {
>>>>> color: #313030;
>>>>> font-size: 1em;
>>>>> font-weight: bold;
>>>>> }
>>>>> h5 {
>>>>> color: #313030;
>>>>> font-size: 0.8em;
>>>>> font-weight: bold;
>>>>> }
>>>>> h6 {
>>>>> color: #313030;
>>>>> font-size: 0.7em;
>>>>> font-weight: bold;
>>>>> }
>>>>>
>>>>> After that, no matter how I reload the configuration and application
>>>>> scope, I still get that styles showing in the rich text editor. I can't
>>>>> get
>>>>> rid of it.
>>>>>
>>>>> Obviously there is sth wrong there. Did anyone have the same problem
>>>>> before and a fix to this please?
>>>>>
>>>>> --
>>>>> Best regards,
>>>>>
>>>>> Xiaofeng,^_^
>>>>>
>>>>> --
>>>>> You received this message cos you are subscribed to "farcry-dev"
>>>>> Google group.
>>>>> To post, email: [email protected]
>>>>> To unsubscribe, email: [email protected]
>>>>> For more options: http://groups.google.com/group/farcry-dev
>>>>> --------------------------------
>>>>> Follow us on Twitter: http://twitter.com/farcry
>>>>
>>>> --
>>>> You received this message cos you are subscribed to "farcry-dev" Google
>>>> group.
>>>> To post, email: [email protected]
>>>> To unsubscribe, email: [email protected]
>>>> For more options: http://groups.google.com/group/farcry-dev
>>>> --------------------------------
>>>> Follow us on Twitter: http://twitter.com/farcry
>>>
>>>
>>>
>>>
>>> --
>>> Best regards,
>>>
>>> Xiaofeng,^_^
>>>
>>> --
>>> You received this message cos you are subscribed to "farcry-dev" Google
>>> group.
>>> To post, email: [email protected]
>>> To unsubscribe, email: [email protected]
>>> For more options: http://groups.google.com/group/farcry-dev
>>> --------------------------------
>>> Follow us on Twitter: http://twitter.com/farcry
>>>
>>
>> --
>> You received this message cos you are subscribed to "farcry-dev" Google
>> group.
>> To post, email: [email protected]
>> To unsubscribe, email: [email protected]
>> For more options: http://groups.google.com/group/farcry-dev
>> --------------------------------
>> Follow us on Twitter: http://twitter.com/farcry
>>
>
>
>
> --
> Best regards,
>
> Xiaofeng,^_^
>
> --
> You received this message cos you are subscribed to "farcry-dev" Google
> group.
> To post, email: [email protected]
> To unsubscribe, email: [email protected]
> For more options: http://groups.google.com/group/farcry-dev
> --------------------------------
> Follow us on Twitter: http://twitter.com/farcry
>
--
You received this message cos you are subscribed to "farcry-dev" Google group.
To post, email: [email protected]
To unsubscribe, email: [email protected]
For more options: http://groups.google.com/group/farcry-dev
--------------------------------
Follow us on Twitter: http://twitter.com/farcry
