Questions tagged [color-picker]
The color-picker tag has no usage guidance.
78
questions
0
votes
1answer
32 views
Gutenberg: always show text color selector in editing bar
For the Gutenberg editor, is there a setting, a code-behind change or any other way (if necessary, a plugin, but I'd rather avoid that) to always show the "text color" menu item when editing ...
0
votes
0answers
34 views
How to override a function in the wp_includes folder(block supports/colors.php)
I customized my Gutenberg block color pallete and the WordPress default is that the CSS classes generated has the form has-(slug)-color.
For example say I added a color called red. The resulting CSS ...
0
votes
0answers
10 views
How To Add color-picker in theme options
I'm trying to add color picker for header/title under Appearance > Customize > Color. As of now, the only option there is background color... For reference, I'm using a Genesis child theme.
I'd ...
1
vote
0answers
7 views
Add fields in customization tab to change background colours of certain classes
I'm maintaining a Wordpress theme for a website that has an annual style change. Nothing fundamental, a few images get switched out and the colour scheme changes as well. The theme uses a pallette of ...
0
votes
0answers
33 views
Custom Gutenberg color classes naming convention
The default behavior for the gutenberg blocks with color pallet is:
The class name is built appending ‘has-‘, followed by the class name
using kebab case and ending with the context name.
https://...
1
vote
1answer
92 views
How to set a default color for the WordPress Customizer’s color picker?
I'm developing a WordPress theme in which I'm adding a color control to the Customizer’s “Colors” section, so that the user can customize the footer’s background color.
I added a functioning color ...
0
votes
0answers
21 views
How to implement color picker from WordPress in my boilerplate plugin?
I have seen this reply before:
How to implement color picker from wordpress in my plugin?
But I personally still don't quite understand how I can add it in my plugin that follows the boilerplate ...
0
votes
0answers
36 views
Adding a new block editor color option to a theme
I am trying to add new colors to my gutenberg color palette, I would like to add a red color, but when I add the following lines:
array(
'name' => _x( 'Red', 'Name of the red color in the ...
0
votes
0answers
10 views
What is the best practice for setting CSS color picker styles from a plugin admin page?
I'm developing a plugin and I have a few CSS styles that I want to set based on selections on the plugin admin page. For instance, I have a color picker and based on the selected color I need to ...
1
vote
1answer
132 views
Is there a way to set the gutenberg color palette outside the theme?
Is there a away to set the gutenberg block-editor color palette other than in the theme?
0
votes
0answers
175 views
WP Gutenberg custom block - generate theme colors from SASS and use them in the inspector and php callback
I would like to accomplice the following:
Define theme colors in a SASS (.scss) file using nested variables.
Add these colors to gutenberg using add_theme_support( 'editor-color-palette', array())
...
1
vote
0answers
132 views
Can the wordpress color palettes by changed through Javascript?
I'm building a setup for a client that allows them to use a number of colour swatches throughout their gutenberg blocks in a post. They define the colour swatches in the document inspector panel (post-...
0
votes
0answers
14 views
retrieve "Link Color" value
I've set the Link color using the color picker in the front end. I want to use this color for buttons on the site so I used the following code in header.php
<style>
.btn{
background-color: &...
0
votes
1answer
203 views
Iris color picker in custom theme option page not saving value
I have implimented the Iris color picker on my theme options page, but clicking 'Save' does not save the selected value, it just resets to blank (or the pre-set value). What am I missing here?
...
0
votes
3answers
649 views
How to give each category name its own ACF background color?
I'm building a webshop, and started to configure the product loop on the shop archive page.
I display the product category related to every product, and I would like to set to the categories to have a ...
0
votes
1answer
634 views
How to add custom color fields to the category edit page?
I'm building a Wordpress theme and I am currently finishing the category.php page. For this page, I would like the user to select two colors (background color and title/text color) and use them in the ...
0
votes
1answer
32 views
Trying to customise 2011 Child Theme Background Colour
I am trying to customise the background colour of my site. It's a 2011 Child Theme. When I go to Appearance -> Customize -> Colors, I get the Light and Dark option under Color Scheme, but can't ...
0
votes
1answer
26 views
How to add more default colors?
I just reinstalled my website with the same theme and now the other default colors are gone. Only black is left.
Is there a way to add more default colors?
2
votes
0answers
222 views
How to store Gutenberg ColourPicker RGBA as metadata
I'm trying to build a sidebar plugin for Gutenberg which uses the ColorPicker component to store a chosen rgba value in metadata using withSelect and withDispatch (I'm testing below with the hex value)...
1
vote
0answers
62 views
How do I update the wpColorPicker palette after initialization?
Once the customizer color picker is initialized, how can the color palette be updated? The palette can be set through the js options before it's initialized using something like:
jQuery.wp....
0
votes
1answer
25 views
Looping inside block return
I have a custom block that allows me to choose a color. This is how the block's return function looks:
return (
el( 'div', { },
...
2
votes
2answers
131 views
Change default colors in paragraph block settings
I need to have the client's theme colors here so he doesn't have to remember the color codes each time he's using them.
Is
is there any way to Add/Remove/Change some colors from the default "...
0
votes
1answer
275 views
Wordpress colorpicker save both hex and RGB
Trying to get both the hex and RGB value of a color from the native color picker in Wordpress, user chooses the color via a custom metabox in the admin. Just need to save both values as meta for re-...
0
votes
1answer
335 views
Are there any CSS classes for the wordpress colours?
Are there any CSS classes for the wordpress colours: https://make.wordpress.org/design/handbook/design-guide/foundations/colors/
For instance, classes like these from the Twenty Seventeen Theme:
....
0
votes
1answer
183 views
Can't get wpColorPicker to work in a widget
I can show the color picker, I can change the color and see the save button watching that, however nothing is saved to DB and I'm getting
Undefined index: my_color", file:
"wp-content/plugins/...
3
votes
2answers
2k views
How do I change Twenty Nineteen's primary color without using the color slider in the theme customizer?
Just installed the new 2019 theme. The customizer offers "default" and "custom" color options. When you select "custom", it shows a slider to pick the color, not the normal color-picker.
...
-2
votes
2answers
67 views
How to change first letter of active menu item
Hello can anyone please give me the code, and tell me where to put it, for how to the change the first letter or the active menu item to red?
thank you
0
votes
2answers
3k views
Custom color for each category name
I have tested several plugins and none is perfect solution. I would like to have simple solution so user can select the color for the Category name which will be the actual color of the text/link like ...
0
votes
0answers
223 views
How to place a color picker field into my plugin admin tab
I'm creating a plugin that has a few tabs for better organisation. I'm trying to place a color picker on the plugin settings page under a tab I've called checkout. I've tried following the ...
0
votes
1answer
30 views
Integrating colorpicker into array field
I am using this code and i am trying to show a colorpicker onto an array field. Any ideas, how to do it?
<?php
class Smashing_Fields_Plugin {
public function __construct() {
// Hook ...
5
votes
2answers
6k views
How to implement color picker from wordpress in my plugin?
I'm having difficulty implementing the color picker exactly the same as WordPress in my plugin.
Is there any official wordpress documentation on how to use this feature?
1
vote
3answers
4k views
How to add color picker in theme options
I'm new to WordPress I want to add simple color picker in theme options.I tried but not getting can anyone suggest me?
0
votes
0answers
378 views
Dashboard widget, screen options/help doesn't work?
I have managed to break something with my Wordpress Multisite install. I have tried deactivating every plugin and activating again.
Right now I cannot click the Screen Options or Help in the dashboard ...
1
vote
2answers
907 views
Custom color does not stick
I use a custom color for certain words on my web site. Every time want to use that color I need to click the Text Color icon and Customize... I then type in the RGB. Problem: It doesn't save that ...
1
vote
0answers
189 views
Color picker in widget appears twice when added via the Customizer
I've used this https://core.trac.wordpress.org/attachment/ticket/25809/color-picker-widget.php as a reference to add a color picker to custom widget. Everything works great when this widget is added ...
1
vote
2answers
83 views
How I can get custom field's current value?
I have "Color Filters for WooCommerce" plugin and "color" taxonomy.
Each taxonomy have one custom field - color picker.
I want to display on archive page current color picker value of each product's....
0
votes
2answers
1k views
Using WP Color Picker in Repeatable Fields
I wrote a repeater script that clones the last field group before it. My issue is that cloned WP Color Picker fields don't open the new color spectrum when clicked on but instead opens the color ...
0
votes
2answers
42 views
Need to over ride a !important from the index file
Something really weird happened. I want to change the color of this text but the index file has an !important there and when i change the color on my style.css file it doesn't work. What can i do to ...
8
votes
2answers
15k views
How do you add custom color swatches to all WYSIWYG editors?
I would like to be able add the same custom colours to the swatches at bottom of colour picker panels that appear in the WYSIWYG editors across the site, to make it easier for clients to keep ...
1
vote
1answer
4k views
Color picker for posts and pages
I want to add color picker to wordpress posts and pages at admin menu. I have this code for color picker:
add_action( 'admin_enqueue_scripts', 'add_color_picker' );
function add_color_picker( $hook )...
0
votes
1answer
81 views
How to overwrite iris color pallates from theme to plugin
I am working n plugin for iris color pick and in plugin I want to make my own color pallets and overwritten on iris color picker that use in theme.
I create 6 fields in plugin where user can put ...
3
votes
0answers
407 views
iris color picker in widget - click event doesn't fire when initially when widget is first created
I added the wordpress(iris) color picker to a widget, and the color picker is not clickable when the widget is first created. My guess is that it's where/how the javascript file is being enqueued, but ...
5
votes
1answer
766 views
Color Picker (iris) in widget - refresh when edited in Customizer
I have added the WordPress Core color picker (iris) to a widget I developed, but when I edit the color, there is no change triggered. As a result, the iframe (live preview) for the Customizer does not ...
1
vote
0answers
177 views
Remove margin from CSS gradient color code
I'm trying to use a CSS gradient code within a container that has a border and 30px margin, but this code is filling the margin space too. I want the margin to be left out of the gradient.
I tried ...
2
votes
1answer
292 views
Add colorpicker to featured image
I'm trying to add a colorpicker to the featured image meta-box.
Here is some background:
I use the featured image meta-box to place parallax background images.
Because a user is allowed to place text ...
5
votes
2answers
2k views
How to refresh Theme Customizer after change color inside wpColorPicker?
I develop my custom widget with setting where I can set up custom color for the widget. I use this code to initialize wpColorPicker instead of default text input in form() method of Widget class:
...
3
votes
1answer
517 views
Is it possible to make Wordpress core (iris)colorpicker-wrapper higher instead of making colorboxes scale smaller?
I'm having an issue using wordpress core colorpicker. I'm retrieiving random number of colors from the server (that fetches colors a specific website). These colors I want to use within the color-...
asked Nov 22 '15 at 11:49
bestprogrammerintheworld
1,1732 gold badges13 silver badges36 bronze badges
1
vote
0answers
178 views
Adding a colorbutton in tinymce dialog with current api
I'm trying to add a colorbutton in a tinymce dialog box, which i was able to do with the help of using this stackoverflow question here: https://stackoverflow.com/questions/23511566/adding-a-...
1
vote
1answer
949 views
How to clear wpColorPicker (Iris.js)?
I'm trying to clear the WordPress colorpicker but seems it doesn't work. This is what I'Ve tried:
$('#element').wpColorPicker('clear');
//error: Uncaught Error: no such method 'clear' for ...
2
votes
1answer
652 views
Cutomize Colors utility: How to add more configurable colors to a theme
Recent Wordpress install, default theme. There are three colors which can be customized from the admin gui, but there are at least three other colors visible on the website which can't be customized ...
