Change colour of visual editor widget


I am using the visual editor on my home page and need to change the colour of the title - can you possibly provide some css to do this please? Thanks Neil



Sure, use this please:

.panel-grid .widget-title {
    color: #888;

And change #888 to the color you want.


Many thanks Vlad, and if I wanted the title to not be uppercase but capitalized, what do I need to add to this? Thanks for all your brilliant support


Add this please:

.panel-grid .widget-title {
    text-transform: capitalize;


Hi, The css you’ve provided regarding colour is changing the colour of all the titles of the widgets I am using on my front page - is there a way to change just the Visual Editor widget title please? And the capitalize css hasn’t worked as far as I can see.


Add it like this for the capitalize thing. It works now too, but not for all rows.

.panel-grid .widget-title {
    text-transform: capitalize !important;

By Visual Editor you’re referring to the Black studio one?
Use this please:

.widget_black-studio-tinymce .widget-title {
   color: #fff !important;