Launch Offer – Kirki PRO is now available! 🚀Get it while it lasts!

Multicolor

On Multicolor fields you can specify the options that will be available to your users by editing the choices argument and specifying an array of options as seen in the example below.

Example

new \Kirki\Field\Multicolor(
	[
		'settings'  => 'multicolor_setting',
		'label'     => esc_html__( 'Multicolor Control', 'kirki' ),
		'section'   => 'section_id',
		'priority'  => 10,
		'choices'   => [
			'link'     => esc_html__( 'Color', 'kirki' ),
			'hover'    => esc_html__( 'Hover', 'kirki' ),
			'active'   => esc_html__( 'Active', 'kirki' ),
		],
		'alpha'     => true,
		'default'   => [
			'link'   => '#0088cc',
			'hover'  => '#00aaff',
			'active' => '#00ffff',
		],
	]
);

Usage

<?php
$defaults = array(
	'link'   => '#0088cc',
	'hover'  => '#00aaff',
	'active' => '#00ffff',
);

$value = get_theme_mod( 'multicolor_setting', $defaults );

echo '<style>';
echo 'a { color: ' . $value['link'] . '; }';
echo 'a:hover { color: ' . $value['hover'] . '; }';
echo 'a:active { color: ' . $value['active'] . '; }';
echo '</style>';
?>

Last updated on: January 21st, 2022

Scroll to Top

Download

Subscribe & be the first to be informed about
new features & updates!