Can't change font colors and line height

75 views
Skip to first unread message

Michael Charnoky

unread,
Oct 9, 2018, 10:12:08 AM10/9/18
to Mergely
Hi, I'm using the latest version of Mergely and for some reason can't change the font colors or line height in the editor. I realize that Mergely has a simple option to set all the various font colors using the "fgcolor" option. I also realize that you can change CodeMirror css settings like 'font-size', yet changing 'line-height' doesn't work as expected. Guessing that I'm missing something very obvious! I have this example on jsfiddle which I would expect would work, but doesn't: https://jsfiddle.net/mnoky/du746ap9/ Any pointers? Thanks for your help!

Mike

Michael Charnoky

unread,
Oct 9, 2018, 1:32:32 PM10/9/18
to Mergely
A coworker was able to provide the following which worked. Note that it is a CSS only solution, so the micro-targeted color options are not available.

.CodeMirror-code,
#mergely .CodeMirror-lines pre, 
#mergely .CodeMirror-gutter-text pre {
  font-size: 1rem !important;
  line-height: 1.5 !important;
  color: #000 !important;

Jamie Peabody

unread,
Oct 13, 2018, 12:36:01 PM10/13/18
to Michael Charnoky, Mergely
Sorry for the delay in getting back to you on this, I was away.  Mergely only really allows you to control the markup colors.  The font-size, line-height, and text color are all CodeMirror, and you should follow their section on styling.  That said, Mergely is sensitive to line height for its rendering, and while it should be okay, I cannot guarantee that things will work as expected.

--
You received this message because you are subscribed to the Google Groups "Mergely" group.
To unsubscribe from this group and stop receiving emails from it, send an email to mergely+u...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
Reply all
Reply to author
Forward
0 new messages