Home>Support>Unable to select fonts and colors from text widget editor

Unable to select fonts and colors from text widget editor

By weipah, 7 years ago. Last reply by weipah, 7 years ago.

I can not select predefined formats for fonts and colors.
The dropdowns are just empty.
In the default tinymce of WordPress it works.

I run WP 4.8.1 with Page Builder 2.5.12 and SO widgets bundle 2.5.10

Here is how it looks

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 13 days ago weipah

    Some screenshots: https://imgur.com/a/DbdbB

  2. 7 years, 10 days ago Alex S
    Hi, I Work Here

    Hi Weipah,

    Can you please try clearing your browser cache to see if it helps? If it doesn’t, can you try disabling all non-SiteOrigin plugins and see if this fixes the issue? You’ll need to clear all your caches after disabling your plugins.

    If it does fix the issue, then try re-enabling your plugins one by one until the issue comes back. This procedure will help diagnose which plugin is causing the issue.

    Once we know that, we’ll be able to look at what might be causing the conflict and either solve the problem or help you find an alternative plugin.

    If you aren’t using a SiteOrigin theme, then you can also try temporarily switching to one of the default WordPress themes to see if the issue is theme related.

  3. 7 years, 10 days ago weipah

    Hi Alex,

    I think, I was able to pinpoint the problem.

    Our Theme uses some tinymce customizations as well.

    I also realized with the latest update of the SO Widgets the font part is fixed working again.
    Only colors are still missing (only empty white boxes in the dropdown).

    Here is the code used from our theme, which should be fine I guess, because it uses default wordpress filters.

    function mce4_options( $init ) {

$default_colours = '
	"000000", "Black",
	"993300", "Burnt orange",
	"333300", "Dark olive",
	"003300", "Dark green",
	"003366", "Dark azure",
	"000080", "Navy Blue",
	"333399", "Indigo",
	"333333", "Very dark gray",
	"800000", "Maroon",
	"FF6600", "Orange",
	"808000", "Olive",
	"008000", "Green",
	"008080", "Teal",
	"0000FF", "Blue",
	"666699", "Grayish blue",
	"808080", "Gray",
	"FF0000", "Red",
	"FF9900", "Amber",
	"99CC00", "Yellow green",
	"339966", "Sea green",
	"33CCCC", "Turquoise",
	"3366FF", "Royal blue",
	"800080", "Purple",
	"999999", "Medium gray",
	"FF00FF", "Magenta",
	"FFCC00", "Gold",
	"FFFF00", "Yellow",
	"00FF00", "Lime",
	"00FFFF", "Aqua",
	"00CCFF", "Sky blue",
	"993366", "Brown",
	"C0C0C0", "Silver",
	"FF99CC", "Pink",
	"FFCC99", "Peach",
	"FFFF99", "Light yellow",
	"CCFFCC", "Pale green",
	"CCFFFF", "Pale cyan",
	"99CCFF", "Light sky blue",
	"CC99FF", "Plum",
	"FFFFFF", "White"
	';
$custom_colours = '
	"4A4A4A", "PB Grau",
	"9B9B9B", "PB Hellgrau",
	"FA9202", "PB Orange",
	';
$init['textcolor_map'] = '['.$default_colours.','.$custom_colours.']';
$init['textcolor_rows'] = 6; // expand colour grid to 6 rows
return $init;
}
add_filter('tiny_mce_before_init', 'mce4_options');
  4. 7 years, 10 days ago weipah

    Dang, I think I found the isseu myself now by looking at the code.

    After the last entry PB Orange there should be no comma at the end.

    Thanks for pointing me in the right direction, though :)

  5. 7 years, 9 days ago Alex S
    Hi, I Work Here

    Hi Weipah,

    So, to confirm, you’ve resolved this issue. Correct?

  6. 7 years, 9 days ago weipah

    Hi Alex,

    yes, thanks a lot!

    Regards,
    Mark

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More