EzPortal - Portal Software for Forums

EzPortal Forums => How To Section => Topic started by: DenDen66 on March 09, 2015, 05:57:44 pm

Title: Changing the style in TinyMCE Editor.
Post by: DenDen66 on March 09, 2015, 05:57:44 pm
Hi,

I imagine that it is possible the style applied to text in the TinyMCE Editor?  For example I would like the Heading 1 to be blue and the paragraph to use a bit bigger font. If so, where do I go to change it?
Title: Re: Changing the style in TinyMCE Editor.
Post by: Maxx on March 10, 2015, 06:05:45 am
Denis,

If you are referring to the Subject title, this is not usually to be done through the editor, it will need to be done in you CSS, file and I don't suggest this, because some place it stretch the tittle bars>

Now if you want you copy and paste the Subject to the body and increase the Font size and color as you you wish:

Changing the style in TinyMCE Editor.

All seting for this are in the tools bars of the editor!

Hope this helps, If not please give more details!

regards,
Maxx
Title: Re: Changing the style in TinyMCE Editor.
Post by: DenDen66 on March 10, 2015, 07:00:45 am
I am sorry, I meant the default style,

I know I can change the text to be a paragraph a heading etc, but when I apply them, they have a predefined style. I want to change that predefine style so that by default the heading, the paragraph etc. that I use are the ones I want.

Title: Re: Changing the style in TinyMCE Editor.
Post by: Maxx on March 10, 2015, 07:14:51 am
Can I get your URL and I'm still bit confused on what you want to change?

the theme vary..in the styles they use!

regards,
Maxx
Title: Re: Changing the style in TinyMCE Editor.
Post by: DenDen66 on March 10, 2015, 08:12:20 am
http://citizensandsocieties.net/NA-USA/index.php?action=ezportal;sa=page;p=5

Maybe I should rephrase my question. ;-)

 is the style use in the tinyMCE when we select a style, linked  to SMF Theme? If not where does it get its information to link certain attributes to heading A, other attributes to heading B, etc. 

Title: Re: Changing the style in TinyMCE Editor.
Post by: Maxx on March 10, 2015, 10:36:39 am
Still, not certain what your looking to do, nut I hope this is it:

Make a back up copy of the index.css first before you do anything!

in you theme's index.css file,
Find this:

Code: [Select]
h1, h2, h3, h4, h5, h6 {    color: #000;    font-size: 1em; }
Now add this right below the code above:
Code: [Select]
h1 {   color: #000;    font-size: 1em; }

But please note you will then remove the " h1," form the top code!

red = remove from top code.
....Green Change to your color and font-size. In bottom code.

And for font size you may use px ;
example 20px, 26px, higher or lower as needed!

Now on the code you added, you change the "color:" and the "font-size:" as you please.

 The index.css is located in the folder of your theme "css"


what to change after the above example:

Quote

h1    
color: #000;   
font-size: 1em;



Changing anything in TinyMCE editor is not recommended, unless you know some code

Regards,
Maxx
Title: Re: Changing the style in TinyMCE Editor.
Post by: DenDen66 on March 10, 2015, 02:24:21 pm
So it is SMF that controls this. OK.

I will test it on my test site.

Do you think this would affect any other part of SMF?
Title: Re: Changing the style in TinyMCE Editor.
Post by: Maxx on March 10, 2015, 05:17:24 pm
Denis,

The above only effect the theme in this the curve or default theme.

Every theme jas it's own css folder one or more styles sheets in that folder, many only have the index.css in there. they may change the name of the file but it will still have the ".css" extension.

So if have another theme you upload or make it will have it's own index.css file to edit the changes to give it the desire looks. I have a few views here in the how to section that explains all this, and I will be adding more as time permits.

learn this stuff is lots of fun, you get to know it with a little work and help! :)

regards,
Maxx