- This topic has 7 replies, 3 voices, and was last updated 2 months, 2 weeks ago by
David.
-
AuthorPosts
-
May 30, 2022 at 11:25 pm #2238744
Matt
Hi Guys,
Just wondering what the recommended way is to get the font settings from the customizer (eg base p, h1, h2, h3 etc) into the Woocommerce product mce editor so the fonts look like the front-end?
Thanks
May 31, 2022 at 3:25 am #2238975David
StaffCustomer SupportHi there,
you can simply select form the list box in TinyMCE:
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 31, 2022 at 6:01 am #2239111Matt
Hi David,
Sorry my initial post was light on details. I have added a custom font via a child theme using @font-face rules. Everything works fine in the front-end but the mce editor (for products) just shows mac system fonts.
Below are screenshots of the customizer settings and what is being output on the back-end.
https://ibb.co/wK1kJgw
https://ibb.co/64DgW2J
https://ibb.co/LCQg9c3
https://ibb.co/WzG8T3bThanks
May 31, 2022 at 10:02 am #2239450Ying
StaffCustomer SupportHi Matt,
In this case, it’s better reach out to MCE editor’s support as GP has no control over that.
Thanks for your understanding!
May 31, 2022 at 8:50 pm #2239811Matt
Hi Ying,
This s a pretty disappointing response for a number of reasons. I understand that to achieve what I want might not be ‘out of the box’ functionality, but this is Woocommerce, and the stock standard MCE editor. Are you saying that GP doesn’t support woocommerce?
The stylesheet that IS being enqueued in the woocommerce editor is ‘admin/editor-typography.css’ which is being included by GeneratePress theme….. so I would say you do have some control over that. The only thing is that my font selections in the Customizer are not being included/ appended to this stylesheet.
June 1, 2022 at 4:20 am #2240102David
StaffCustomer SupportYou would need to load your own stylesheet in the editor.
See Tom’s reply here about adding your owneditor-typography.css
Or further down the topic Elvin provides a filter for you load any custom styles in the editor:
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 1, 2022 at 6:53 am #2240257Matt
Thanks David. That’s what I was looking for. Much appreciated.
June 1, 2022 at 6:58 am #2240265David
StaffCustomer SupportGlad to hear that and sorry for any confusion.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.