Toxicus

Yes, it’s working. Right now only the font-size is showing, no more default values.

Hello.

Tried develop branch, but still see white headings. The only way I can fix it if I rename settings value to something different, like titles_h1, so it will create new record in DB. So obviously something wrong with compatibility of DB value from the previous Kirki with the new Kirki ??
Thanks for suggestion about js_vars, it’s much cleaner this way.

I’m using our own theme and here is the code for headings. As you can see the color for all headings is specified as #444, but then I want to change only the size for H1, and the color to be fetched from all headings. Before in 3.0.10 it was working just fine. But when I check customizer now it shows color #ffffff for H1 heading – https://clip2net.com/s/3PXrIMe
So as I understand if you don’t define a color for H1, it replaces with default #ffffff; Before it simply didn’t render color: #ffffff;.

Kirki::add_field( 'deo_config', array(
  'type'        => 'typography',
  'settings'    => 'deo_headings_typography',
  'label'       => __( 'Headings Typography', 'inka' ),
  'description' => __( 'Select the main typography options for your site.', 'inka' ),
  'help'        => __( 'The typography options you set here apply to all content on your site.', 'inka' ),
  'section'     => 'deo_typography',
  'priority'    => 10,
  'default'     => array(
    'font-family'    => 'Maven Pro',
    'variant'        => '400',
    // 'font-size'      => '30px',
    'line-height'    => '1.3',
    'color'          => '#444',
    'letter-spacing' => '0.11em',
  ),
  'output' => array(
    array(
      'element' => 'h1,h2,h3,h4,h5,h6',
    ),
  ),
  'transport' => 'postMessage',
  'js_vars'   => array(
    array(
      'element'  => 'h1,h2,h3,h4,h5,h6',
      'function' => 'css',
      'property' => 'color'
    ),
  )
));

// H1 control
Kirki::add_field( 'deo_config', array(
  'type'        => 'typography',
  'settings'    => 'deo_headings_h1',
  'label'       => __( 'H1 Headings', 'inka' ),
  'section'     => 'deo_typography',
  'priority'    => 10,
  'default'     => array(
    'font-size'      => '28px',
    'variant'        => '400'
  ),
  'output' => array(
    array(
      'element' => 'h1',
    ),
  ),
  'transport' => 'postMessage',
  'js_vars'   => array(
    array(
      'element'  => 'h1',
      'function' => 'css',
      'property' => 'font-size',
    ),
  )
));

• This reply was modified 6 years, 12 months ago by Toxicus.

I still can’t find solution. The problem is that our clients already upgraded WordPress to 4.9 and the color pickers now messed up. But if I upgrade to Kirki 3.0.16 the pickers are fine but the titles are white. ??

Same here. All the fonts became white.

I’m using version 3.0.9. I have the same issue with typography. Before I can keep font color empty and it was not printing anything. But now the font colors are set by default to #ffffff;

The other issue is z-index during the scrolling – https://take.ms/eQspK
And when I click “Reset” button (so hard to find it now by the way) I got JS error in console – TypeError: Cannot read property ‘indexOf’ of null.