'edit_theme_options', 'option_type' => 'theme_mod', ]); // Create Main Panel for Theme Options new \Kirki\Panel('adas_personal_portfolio_panel', [ 'priority' => 1, 'title' => esc_html__('Adas: Theme Options', 'adas-personal-portfolio'), 'description' => esc_html__('Customize your theme settings.', 'adas-personal-portfolio'), ]); // ======================== // Theme Settings Section // ======================== new \Kirki\Section('adas_personal_portfolio_theme', [ 'title' => esc_html__('Theme Settings', 'adas-personal-portfolio'), 'description' => esc_html__('Customize Global Options.', 'adas-personal-portfolio'), 'panel' => 'adas_personal_portfolio_panel', 'priority' => 10, ]); // Container Width Option new \Kirki\Field\Dimensions([ 'settings' => 'adas_container_width', 'label' => esc_html__('Container Width', 'adas-personal-portfolio'), 'section' => 'adas_personal_portfolio_theme', 'default' => [ 'width' => '1200', // Default container width 'unit' => 'px', ], 'priority' => 6, 'transport' => 'auto', 'output' => [ [ 'element' => '.container', // Apply the custom width to the .container class 'property' => 'max', ], ], ]); // Typography new \Kirki\Field\Typography([ 'settings' => 'adas_typography', 'label' => esc_html__('Body Typography', 'adas-personal-portfolio'), 'section' => 'adas_personal_portfolio_theme', 'default' => [ 'font-family' => 'Poppins', 'variant' => '400', 'font-size' => '16px', 'line-height' => '28px', 'letter-spacing' => '0', 'text-transform' => 'none', ], 'priority' => 7, 'transport' => 'auto', 'output' => [ [ 'element' => 'body', ], ], ]); // Separator new \Kirki\Field\Custom([ 'settings' => 'adas_theme_separator', 'section' => 'adas_personal_portfolio_theme', 'default' => '