Why this happen? Help me to solve it, pls!

[Bùi Văn Hải]

Dear Ning Creators!

When comment I use h1, h2, h3 formatting as follow (in HTML mode):

When I change to Visual Mode, it appears like this:

But after I push Add button, it appears as if no formatting anymore:

Pls, tell me why it happen and how to solve it.

 

Thank you

[Scott Bishop]

Don't take my word on this but I believe it has something to do with your css coding from your admin "Appearance" probably overriding it. (but this is a guess... sorry).

[Bùi Văn Hải]

I tried as follow, but it does not change...

[Bernard Lama]

Simple ignore it and try deleting this when you post something...will be alright after wards..same thing happened with me but now it ok without doing anything lol....

[Bùi Văn Hải]

Hihi, I did it but if I solve the problem, I will save some time ;)

[Chris]

One of the faults of the new text editor is that it doesn't reflect the style of the network. It uses it's own CSS while you're in visual mode. When you save the comment it uses your network's style. This is very noticeable if you use a different font colour e.g. for links on your network. They will appear blue in the editor until you save it, then they will inherit the network's colour.

The fix would be to find the class of saved comment boxes (it might be something like xg_comment) and add something like ".xg_comment h1 {font-size:1.8em;font-weight:bold;}" to your advanced CSS.
I'm not at my computer right now but I'll help you find the right classes later if you need...

[Bùi Văn Hải]

Yes, I need it, pls help me.

Thank you

[Chris]

OK. This may be different on your site, and it may either not work, or work on some comments but not others, or change the h1, h2 and h3 tags elsewhere. Try it on a test network first if you can, or at least copy your current advanced CSS to a text editor before editing it, so you can easily go back.

 

Try adding the following to your advanced CSS:

 

#discussionReplies .discussion dd div.description h1, #comments dl.comment dd h1, #xg_profiles_chatterwall_list dl.comment dd h1 { font-size:2em; font-wieght:bold; }

#discussionReplies .discussion dd div.description h2, #comments dl.comment dd h2, #xg_profiles_chatterwall_list dl.comment dd h2 { font-size:1.6em; font-wieght:bold; }

#discussionReplies .discussion dd div.description h3, #comments dl.comment dd h3,  #xg_profiles_chatterwall_list dl.comment dd h3 { font-size:1.4em; font-wieght:bold; }

 

You can change the values for font-size to suit your needs, and lose the "font-wieght:bold;" on some or all.

 

This *should* alter those h1, h2 & h3 tags in comments on profiles, replies to discussions, and maybe on photos, videos and blogs. I haven't time to test it thoroughly - that's your job! If it doesn't work how you want post more screenshots (they're very useful) and we'll go further. You could also check out the firebug tutorial here to be able to figure this stuff out for yourself. It isn't hard!

[seymor54]

too COMPLEX or what

what about a simple VISUAL editor on the site that allows you to modify H1/2/3/ Tags on a sectional basis via the management section - just like how we can change NAME tags for buttons etc. 

[Chris]

Really? This is very simple CSS, and that's exactly what it's doing. The point of having an advanced CSS editor is so that you can "modify H1/2/3/ Tags on a sectional basis via the management section" - having a visual option for modifying even a few tags on a sectional basis would mean several extra pages and a lot of coding. I'd rather the Ning team worked on something useful...

Here's something to help you out - it really is very easy. CSS 101 - A Beginner's Guide to CSS

[Bùi Văn Hải]

Thank you so much ;)

I wil try it

[Chris]

Let us know what happens...

[Bùi Văn Hải]

Yeah! It's working!

 

Thank for your help!