user_andrei Posted July 2, 2013 Share Posted July 2, 2013 (edited) Hi guys. I'm trying to find out how to change the default fonts from the tinyMCE. For example we have font sizes like 1 (8pt), 2 (10pt), 3 (12pt) etc. What i did was to write my products descriptions with the font of 3 (12pt) and a title of 4 (14pt), but I feel that this font is too big an it's not looking right. I would like to change the font, for example from 3 (12pt) to 3 (11pt), hoping that this would change the fonts in all my products descriptions without having to modify them, page by page, manually. Thanks. Best regards Edited July 3, 2013 by user_andrei (see edit history) Link to comment Share on other sites More sharing options...
PrestaCoder.com Posted July 2, 2013 Share Posted July 2, 2013 I think it will be easier for you to modify the CSS files of your theme. Usually the file that needs to be modified is global.css located on css folder of your theme but if your theme was heavily customized, you may need to change some other files as well. Link to comment Share on other sites More sharing options...
vekia Posted July 2, 2013 Share Posted July 2, 2013 what prestashop version you use? everything depends on it Link to comment Share on other sites More sharing options...
user_andrei Posted July 2, 2013 Author Share Posted July 2, 2013 what prestashop version you use? everything depends on it I"m using PrestaShop™ 1.4.8.2. Any ideas? Thanks Link to comment Share on other sites More sharing options...
vekia Posted July 2, 2013 Share Posted July 2, 2013 great! go to the file: js/tinymce.inc.js the sizes you've got defined by the code: font_size_style_values : "8pt, 10pt, 12pt, 14pt, 18pt, 24pt, 36pt", put there own values (or change values that you've got) 1 Link to comment Share on other sites More sharing options...
user_andrei Posted July 3, 2013 Author Share Posted July 3, 2013 Thank you Vekia! That was it. I changed the code to: font_size_style_values : "8pt, 10pt, 11pt, 13pt, 18pt, 24pt, 36pt" I have to mention that although the values have been changed, in the font size tabs they remain the same: 3 (12pt) - 4 (14pt) so you have to modify the text to observe if it's working or not. My other problem remains that this modification does not change the font sizes of all the pages that contain the specified font size. Is there a way to achieve this or do I have to modify all the texts manually? Thanks again Link to comment Share on other sites More sharing options...
vekia Posted July 3, 2013 Share Posted July 3, 2013 it's because this tinymce feature adds inline styles like: style="font-size:8pt" - so all styles that you applied before have got old font-size value. So in this case, you have to change descriptions / pages one by one Link to comment Share on other sites More sharing options...
user_andrei Posted July 3, 2013 Author Share Posted July 3, 2013 it's because this tinymce feature adds inline styles like: style="font-size:8pt" - so all styles that you applied before have got old font-size value. So in this case, you have to change descriptions / pages one by one Understood. Well, thank you Vekia for your help Link to comment Share on other sites More sharing options...
vekia Posted July 3, 2013 Share Posted July 3, 2013 you're welcome if you've got any other questions related to the tinymce modifications - feel free to write im kind of specialist in this case regards Link to comment Share on other sites More sharing options...
tomitos Posted January 6, 2014 Share Posted January 6, 2014 Hi Vekia, which file to change in PS 1.5.6.1? Thanks! Link to comment Share on other sites More sharing options...
vekia Posted January 7, 2014 Share Posted January 7, 2014 hello /1560a/js/tinymce.inc.js there is a code: font_size_style_values : "8pt, 10pt, 12pt, 14pt, 18pt, 24pt, 36pt", Link to comment Share on other sites More sharing options...
lio babad Posted June 10, 2014 Share Posted June 10, 2014 Hello Vekia, and do you know how to add/modify the predefined formats appearing in "formats" menu in the tiny MCE editor ? (in product page or catégory page) By default, there is only "paragraph, preformated, ..." and this does not suit my needs... thanks a lot Link to comment Share on other sites More sharing options...
vekia Posted June 11, 2014 Share Posted June 11, 2014 can you show me screenshot about what part of tinymce editor you're talking? thanks in advance Link to comment Share on other sites More sharing options...
lio babad Posted June 11, 2014 Share Posted June 11, 2014 (edited) Hi, here's a screenshot... By defaul, the <p> balise is added to any content defined...this is where is my problem. So either i can modify the css file for this <p> balise (where is it located ?), or i can define new custom styles (where?)... Thanks for your feedback Edited June 11, 2014 by lio babad (see edit history) Link to comment Share on other sites More sharing options...
lio babad Posted June 19, 2014 Share Posted June 19, 2014 up...! Link to comment Share on other sites More sharing options...
luhlacom Posted January 10, 2016 Share Posted January 10, 2016 Hi, i use prestashop 1.6.1.1 and i need edit tinymce editor. I need edit paragraph and H3 and h1 size, where can i edit it please ? I would like build custom css or write to global.css or another. Thanks you for quick answer. Link to comment Share on other sites More sharing options...
Recommended Posts