Docs

[M R]

At some point during an upgrade you changed the custom CSS/JS panel which is very nice, except for the colors you used in the panel. For those of us who are prone to eye strain, and/or have less than 20/20 vision it is incredibly difficult to read, and gives me a headache. I’ve been doing my coding in a different document and pasting it in, but when you have to change stuff you have to search through the code and it’s MISERABLE to use. Can you please PLEASE for the love of all things internet and eyesight tell me where to change the background color and text coloring of that panel. It’s awful.

I’ve mentioned this before, but 2 updates have come since then with no change to this. Since I often change my own site, and customize your theme for clients, I need to either change it myself, or find a new theme.

[Thai]

Hi There,

To change the background color of the custom CSS panel, please add the following code under functions.php file locates in your 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 🙂

[M R]

Bless you. thank you

[Thai]

If you need anything else please let us know.

[Author]

Posts