EzPortal - Portal Software for Forums

EzPortal - Made to Fit Your SMF Forum - Glad You Found Us!
+- +-

UserBox

Welcome, Guest.
Please login or register.
 
 
 
Forgot your password?

+- Recent Posts

Re: Members online block not displaying. by EzPortal
September 19, 2017, 12:02:55 pm

Re: Members online block not displaying. by Kocsis
September 19, 2017, 12:29:13 am

Re: EZPoll block by Julian
August 17, 2017, 03:43:31 am

Re: EZPoll block by EzPortal
August 16, 2017, 12:37:26 pm

EZPoll block by Julian
August 16, 2017, 10:42:47 am

Re: Greek translation - Ελληνική μετάφραση by geogeo
April 09, 2017, 01:46:05 am

3.2 Released by EzPortal
April 03, 2017, 09:36:57 pm

front page announcements block by landyvlad
March 30, 2017, 06:33:27 pm

+- HTML Menu


Sample HTML Block Usage - You May Custom Code it, as needed!

Author Topic: Changing the style in TinyMCE Editor.  (Read 9938 times)

0 Members and 1 Guest are viewing this topic.

Offline DenDen66

  • Newbie
  • *
  • Posts: 45
  • Karma: 0
Changing the style in TinyMCE Editor.
« 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?

Offline Maxx

  • VN Vet E4
  • Hero Member
  • *****
  • Posts: 560
  • Karma: 8
  • Gender: Male
  • Web Designer
    • SurfaceThemes - Web Design Ideas Classic Rock
Re: Changing the style in TinyMCE Editor.
« Reply #1 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

Offline DenDen66

  • Newbie
  • *
  • Posts: 45
  • Karma: 0
Re: Changing the style in TinyMCE Editor.
« Reply #2 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.


Offline Maxx

  • VN Vet E4
  • Hero Member
  • *****
  • Posts: 560
  • Karma: 8
  • Gender: Male
  • Web Designer
    • SurfaceThemes - Web Design Ideas Classic Rock
Re: Changing the style in TinyMCE Editor.
« Reply #3 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

Offline DenDen66

  • Newbie
  • *
  • Posts: 45
  • Karma: 0
Re: Changing the style in TinyMCE Editor.
« Reply #4 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. 


Offline Maxx

  • VN Vet E4
  • Hero Member
  • *****
  • Posts: 560
  • Karma: 8
  • Gender: Male
  • Web Designer
    • SurfaceThemes - Web Design Ideas Classic Rock
Re: Changing the style in TinyMCE Editor.
« Reply #5 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

Offline DenDen66

  • Newbie
  • *
  • Posts: 45
  • Karma: 0
Re: Changing the style in TinyMCE Editor.
« Reply #6 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?

Offline Maxx

  • VN Vet E4
  • Hero Member
  • *****
  • Posts: 560
  • Karma: 8
  • Gender: Male
  • Web Designer
    • SurfaceThemes - Web Design Ideas Classic Rock
Re: Changing the style in TinyMCE Editor.
« Reply #7 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


 

Related Topics

  Subject / Started by Replies Last post
0 Replies
4002 Views
Last post July 06, 2011, 02:42:21 pm
by uwilldie
0 Replies
2741 Views
Last post July 28, 2011, 08:53:58 pm
by Cathy
0 Replies
2950 Views
Last post February 12, 2014, 11:17:05 pm
by jaximus
1 Replies
3232 Views
Last post June 22, 2014, 06:04:46 pm
by Maxx
1 Replies
8800 Views
Last post March 18, 2017, 09:04:41 pm
by DenDen66

+-SMF Gallery

Quick Menu








Members Online

34 Guests, 0 Users
Powered by EzPortal