Change colour of visual editor widget


#1

Hi,
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


#2

Hello,

Sure, use this please:


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

And change #888 to the color you want.


#3

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


#4

Add this please:


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


#5

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.


#6

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;
}