Docs

[Iain M]

Hi,

I cannot read the text in the codemirror panel css customizer, where can I adjust the background or theme for that – it is way too dark for me,

thanks,

[Christopher]

Hi there,

Please change background under Customize -> Layout and design.
Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thanks.

[Iain M]

Hi Christopher,

here are two screenshots for you,

the css editor is too dark for me I can not see what I am doing, the style on it says it is a code mirror dark theme, so how about applying the light theme,

thanks,

Iain

[Thai]

Hi There,

To change the background color, please add the following code under functions.php file locates in child theme:

function x_customizer_live_preview()
{
  ?>
  <style type="text/css">
  .code-editor .CodeMirror.cm-s-solarized.cm-s-dark {
    background-color: rgba(173, 185, 175, 0.965) !important;
  }
  </style>
  <?php
}
add_action( 'customize_controls_print_styles', 'x_customizer_live_preview' );

Hope it helps 🙂

[Iain M]

Hi Thai,

yes thanks, that works. I tweaked it a bit to (232,232,232, 0.97) to suit my eye 🙂

cheers,

Iain

[Rue Nel]

You’re welcome!
Thanks for letting us know that it has worked for you.

[Author]

Posts