tinyMCE: change standard font, fontsize and fontcolor

[rebirth]

Can I edit the standard tinyMCE font, color and size that is used? So I get these automatically, when I start typing something in tinyMCE?

[vekia]

font size, colors etc. are based on your global.css file, so if you change definitions of colors there, it should affect tinymce automatically

[rebirth]

But that will affect not only the product description, but also other texts, I guess?

And is it maybe possible to add a custom style to the styles list (and maybe remove all others)?

[Paulito]

Good morning

 

Using PS 1.5.5.0 Default theme

 

It depends which text you want to change, it is true that most of the "Text" colour/size comes from global.css but in different places in the global.css file,  it may also be defined in a particular Module.

 

For instance, to change the Product Description (more info tabs) you need to go to:

 

public_html/Your Shop/themes/default/css/global.css

 

And around line 650 you will see: (add this code)

 

#more_info_sheets {padding-top:10px; color:#c20000}

#more_info_sheets ul,

#more_info_sheets ol,

#more_info_sheets dl {margin-left:20px}

#more_info_sheets em {font-style:italic}

 

To change the Short description on the product page go to:

 

public_html/Your Store/themes/default/css/product.css

 

And around line 147 you will see:

 

#pb-left-column #short_description_block {

color:#c20000;  (Change this colour)

font-size:16px;  (Add this code)

 

You may also find that you have to use the !important modifier for changes to take place

 

Now, whatever you type in TinyMC the output should be Red 16px text

 

RESULT

http://mobileskunk.co.uk/index.php?id_product=2&controller=product&id_lang=1

 

Hope this helps

 

Paul

 

 

Edited February 7, 2014 by Paulito (see edit history)

[vekia]

i think that problem is a bit different

rebirth you want to change available styles here:

 

 

?

[rebirth]

Indeed Vekia, if that is possible.

 

The option from Paulito can also work, but the problem with that is being limited. It's always that style, and no other, if I'm correct. So I would prefer the option to be able to change and choose the style, which is what vekia means.

[rebirth]

hello vekia, can you tell me how I can add a custom style to the listbox you showed in your image?

[rebirth]

Maybe someone else who can tell me how to do this?

[vekia]

i'm so sorry

i missed your replies here

 

these styles are a part of global.css

check this file, define new styles there and they will be available in your tinymce editor "Styles" section

[rebirth]

Hello vekia,

 

I added a style to my global.css file, but it doesn't show up in my list of styles. I also cleared my cache, but that didn't help either. Did I do something wrong or did I forget something?