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

Smiley missing in shoutbox 2.1.4 by hustreamload
July 26, 2023, 08:14:02 am

Re: Theme Select Box question? by Shades
March 15, 2023, 06:49:49 pm

Re: Theme Select Box question? by Shades
March 09, 2023, 02:09:24 pm

Re: Theme Select Box question? by Shades
March 09, 2023, 01:55:53 pm

Re: Theme Select Box question? by EzPortal
March 09, 2023, 01:47:42 pm

Re: Theme Select Box question? by Shades
March 09, 2023, 01:34:07 pm

Re: Theme Select Box question? by EzPortal
March 09, 2023, 12:20:17 pm

Re: Theme Select Box question? by EzPortal
March 02, 2023, 11:26:15 pm

+- HTML Menu


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

Recent Topics ezBlock

Smiley missing in shoutbox 2.1.4 by hustreamload
July 26, 2023, 08:14:02 am

Theme Select Box question? by Shades
March 15, 2023, 06:49:49 pm

Where is the facebook button color? by EzPortal
February 28, 2023, 06:45:09 pm

Display on Mobile - SMF 2.1.3 and EZ 5.5.2 by BugginIn
December 29, 2022, 04:07:13 pm

Blocks Help by Riggs1973
November 20, 2022, 12:59:30 pm

Surface ol lite theme release Free! by Steffen K.
November 18, 2022, 03:57:24 am

Undefined index: href by EzPortal
October 04, 2022, 08:49:59 pm

SMF-ezportal_column_5.cache): failed to open stream: No such file or directory by EzPortal
June 04, 2022, 11:40:13 am

Arcade block error: failed to open stream: No such file or directory by Shades
May 20, 2022, 02:47:13 pm

ezPortal 5.5 by EzPortal
May 20, 2022, 09:59:30 am

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

0 Members and 1 Guest are viewing this topic.

Offline DenDen66

  • Newbie
  • *
  • Posts: 46
  • 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
If you find this Portal System useful, please consider supporting us with a small Donation!
Check out the How to Section!!
Please remember to keep your back ups, up to date, before you try anything new!

Offline DenDen66

  • Newbie
  • *
  • Posts: 46
  • 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
If you find this Portal System useful, please consider supporting us with a small Donation!
Check out the How to Section!!
Please remember to keep your back ups, up to date, before you try anything new!

Offline DenDen66

  • Newbie
  • *
  • Posts: 46
  • 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
If you find this Portal System useful, please consider supporting us with a small Donation!
Check out the How to Section!!
Please remember to keep your back ups, up to date, before you try anything new!

Offline DenDen66

  • Newbie
  • *
  • Posts: 46
  • 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

If you find this Portal System useful, please consider supporting us with a small Donation!
Check out the How to Section!!
Please remember to keep your back ups, up to date, before you try anything new!

 

Related Topics

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

+-SMF Gallery

Quick Menu


Powered by EzPortal