Need help with color picker after WP 4.9 update

[goodwinpress]

Need help with color picker after WP 4.9 update

[goodwinpress]

HI andrastudio

there is a path:
/js/min/wp-color-picker-alpha-min.js

delete all code in this file and replace with a code from https://github.com/kallookoo/wp-color-picker-alpha-plugin/blob/master/wp-color-picker-alpha.js

and clean the cache in browser options.

In my case - before replacement:

and after replacement:

[goodwinpress]

I looks like TitanFramework is no longer maintaining by author?

Who knows?
TF is free, may be people from Gambith has no enough motivation to further development.

[mathieupreaud]

Same problem for me, all my Color Picker options crush after actualizing. In which folder of Titan Framework do you have to replace the file wp-color-picker-alpha? I don't see any PHP file with that name.

[andrastudio]

I noticed there are two js files

js/wp-color-picker-alpha.js
js/dev/wp-color-picker-alpha.js

Already replaced both files and nothing changed, not sure if we have to update the wp-color-picker-alpha.php file as well. I don't see any file named wp-color-picker-alpha.php in TF package

[andrastudio]

Thanks @goodwinpress, works like a charm!

[goodwinpress]

Glad to do my part.

[Khoapq]

I looks like TitanFramework is no longer maintaining by author?

[lockstockd]

@goodwinpress your fix has worked great thank you so much for this!

I'm now seeing something strange with the font type setting where it's now showing two color selectors:

My code:

$headerTab->createOption( array(
'name' => __('Header Font', 'my-plugin'),
'id' => 'header_font',
'type' => 'font',
'classname' => 'header-istext',
'default' => array( 'font-size' => '24px', 'color' => '#ffffff' ),
'show_font_weight' => false,
'show_font_style' => false,
'show_line_height' => false,
'show_letter_spacing' => false,
'show_text_transform' => false,
'show_font_variant' => false,
'show_text_shadow' => false,
'show_preview' => false
) );

In the screenshot where the color option is black (#333) the only reference to this color in my code is the default value for another color option within the same settings tab which has the following code:

$headerTab->createOption( array(
'name' => __('Custom Header Color', 'my-plugin'),
'id' => 'custom_header_color',
'type' => 'color',
'classname' => 'custom_bg',
'desc' => '',
'default' => '#333'
) );

Seems that for some reason the color option for custom header color is also appearing within the header font setting. Any ideas at all?

[ahmadawais]

Same problem here

[ahmadawais]

Guys, my PR with the following new branch fixes the issue #405

[majick777]

@lockstockd have the same with you for the font color selectors (though it probably should be a separate issue)... here's what I did to fix it...

in /lib/class-option-font.php, wrap both color AND text shadow color inputs in a styled div:

<div style="float:right; margin-left:10px; vertical-align:middle;">
    <input class='tf-font-sel-{shadow-}color' ......
</div>

Then I added this just after the "Initialize color pickers" javascript:

$('.tf-font .tf-font-sel-shadow-color').removeClass('tf-font-sel-shadow-color')
.parent().addClass('tf-font-sel-shadow-color');

which fixes the show/hide code for the text shadow color input. :-)

I probably should do a pull request - seems a bit hacky but works.

[bfintal]

Fixed by #404 #405 #411

[lockstockd]

Thank you all so much for fixing this!