add_panel( $panel , array( 'title' => esc_html__( 'Header', 'oceanwp' ), 'priority' => 210, ) ); /** * Section */ $wp_customize->add_section( 'ocean_header_general', array( 'title' => esc_html__( 'General', 'oceanwp' ), 'priority' => 10, 'panel' => $panel, ) ); /** * Header Style */ $wp_customize->add_setting( 'ocean_header_style', array( 'default' => 'minimal', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_header_style', array( 'label' => esc_html__( 'Style', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_header_general', 'settings' => 'ocean_header_style', 'priority' => 10, 'choices' => array( 'minimal' => esc_html__( 'Minimal', 'oceanwp' ), 'transparent' => esc_html__( 'Transparent', 'oceanwp' ), 'top' => esc_html__( 'Top Menu', 'oceanwp' ), 'full_screen' => esc_html__( 'Full Screen', 'oceanwp' ), 'center' => esc_html__( 'Center', 'oceanwp' ), 'medium' => esc_html__( 'Medium', 'oceanwp' ), 'vertical' => esc_html__( 'Vertical', 'oceanwp' ), 'custom' => esc_html__( 'Custom Header', 'oceanwp' ), ), ) ) ); /** * Custom Header Template */ $wp_customize->add_setting( 'ocean_header_template', array( 'default' => '0', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_header_template', array( 'label' => esc_html__( 'Select Template', 'oceanwp' ), 'description' => esc_html__( 'Choose a template created in Theme Panel > My Library.', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_header_general', 'settings' => 'ocean_header_template', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_custom_header', 'choices' => oceanwp_customizer_helpers( 'library' ), ) ) ); /** * Custom Header Add Container */ $wp_customize->add_setting( 'ocean_add_custom_header_container', array( 'transport' => 'postMessage', 'default' => true, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_add_custom_header_container', array( 'label' => esc_html__( 'Add Container', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_header_general', 'settings' => 'ocean_add_custom_header_container', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_custom_header', ) ) ); /** * Header Height */ $wp_customize->add_setting( 'ocean_header_height', array( 'transport' => 'postMessage', 'default' => '74', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_control( new OceanWP_Customizer_Range_Control( $wp_customize, 'ocean_header_height', array( 'label' => esc_html__( 'Height (px)', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_header_height', 'priority' => 10, 'input_attrs' => array( 'min' => 0, 'max' => 200, 'step' => 1, ), 'active_callback' => 'oceanwp_cac_hasnt_header_styles', ) ) ); /** * Top Header Height */ $wp_customize->add_setting( 'ocean_top_header_height', array( 'transport' => 'postMessage', 'default' => '40', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_control( new OceanWP_Customizer_Range_Control( $wp_customize, 'ocean_top_header_height', array( 'label' => esc_html__( 'Height (px)', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_top_header_height', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_top_header_style', 'input_attrs' => array( 'min' => 0, 'max' => 100, 'step' => 1, ), ) ) ); /** * Header Full Width */ $wp_customize->add_setting( 'ocean_header_full_width', array( 'transport' => 'postMessage', 'default' => false, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_header_full_width', array( 'label' => esc_html__( 'Header Full Width', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_header_general', 'settings' => 'ocean_header_full_width', 'priority' => 10, 'active_callback' => 'oceanwp_cac_hasnt_medium_custom_header_styles', ) ) ); /** * Header Border Bottom */ $wp_customize->add_setting( 'ocean_has_header_border_bottom', array( 'transport' => 'postMessage', 'default' => true, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_has_header_border_bottom', array( 'label' => esc_html__( 'Header Border Bottom', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_header_general', 'settings' => 'ocean_has_header_border_bottom', 'priority' => 10, ) ) ); /** * Header Background Color */ $wp_customize->add_setting( 'ocean_header_background', array( 'transport' => 'postMessage', 'default' => '#ffffff', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_header_background', array( 'label' => esc_html__( 'Background Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_header_background', 'priority' => 10, 'active_callback' => 'oceanwp_cac_hasnt_medium_header_style', ) ) ); /** * Header Border Bottom Color */ $wp_customize->add_setting( 'ocean_header_border_bottom', array( 'transport' => 'postMessage', 'default' => '#f1f1f1', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_header_border_bottom', array( 'label' => esc_html__( 'Border Bottom Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_header_border_bottom', 'priority' => 10, ) ) ); /** * Header Padding */ $wp_customize->add_setting( 'ocean_header_top_padding', array( 'transport' => 'postMessage', 'default' => '0', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_setting( 'ocean_header_right_padding', array( 'transport' => 'postMessage', 'default' => '0', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_setting( 'ocean_header_bottom_padding', array( 'transport' => 'postMessage', 'default' => '0', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_setting( 'ocean_header_left_padding', array( 'transport' => 'postMessage', 'default' => '0', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_setting( 'ocean_header_tablet_top_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_header_tablet_right_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_header_tablet_bottom_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_header_tablet_left_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_header_mobile_top_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_header_mobile_right_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_header_mobile_bottom_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_header_mobile_left_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_control( new OceanWP_Customizer_Dimensions_Control( $wp_customize, 'ocean_header_padding', array( 'label' => esc_html__( 'Padding (px)', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => array( 'desktop_top' => 'ocean_header_top_padding', 'desktop_right' => 'ocean_header_right_padding', 'desktop_bottom' => 'ocean_header_bottom_padding', 'desktop_left' => 'ocean_header_left_padding', 'tablet_top' => 'ocean_header_tablet_top_padding', 'tablet_right' => 'ocean_header_tablet_right_padding', 'tablet_bottom' => 'ocean_header_tablet_bottom_padding', 'tablet_left' => 'ocean_header_tablet_left_padding', 'mobile_top' => 'ocean_header_mobile_top_padding', 'mobile_right' => 'ocean_header_mobile_right_padding', 'mobile_bottom' => 'ocean_header_mobile_bottom_padding', 'mobile_left' => 'ocean_header_mobile_left_padding', ), 'priority' => 10, 'active_callback' => 'oceanwp_cac_hasnt_medium_or_vertical_header_styles', 'input_attrs' => array( 'min' => 0, 'max' => 100, 'step' => 1, ), ) ) ); /** * Content After Header */ $wp_customize->add_setting( 'ocean_after_header_content', array( 'transport' => 'postMessage', 'sanitize_callback' => 'wp_kses_post', ) ); $wp_customize->add_control( new OceanWP_Customizer_Textarea_Control( $wp_customize, 'ocean_after_header_content', array( 'label' => esc_html__( 'Content After Header', 'oceanwp' ), 'description' => sprintf( esc_html__( 'Shortcodes allowed, %1$ssee the list%2$s.', 'oceanwp' ), '', '' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_after_header_content', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_minimal_or_transparent_header_styles', ) ) ); /** * Heading Transparent Header */ $wp_customize->add_setting( 'ocean_transparent_header_heading', array( 'sanitize_callback' => 'wp_kses', ) ); $wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_transparent_header_heading', array( 'label' => esc_html__( 'Transparent Header Settings', 'oceanwp' ), 'section' => 'ocean_header_general', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_transparent_header_style', ) ) ); /** * Transparent Header Background Color */ $wp_customize->add_setting( 'ocean_transparent_header_bg', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_transparent_header_bg', array( 'label' => esc_html__( 'Background Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_transparent_header_bg', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_transparent_header_style', ) ) ); /** * Heading Top Menu Header */ $wp_customize->add_setting( 'ocean_top_header_heading', array( 'sanitize_callback' => 'wp_kses', ) ); $wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_top_header_heading', array( 'label' => esc_html__( 'Top Menu Header Settings', 'oceanwp' ), 'section' => 'ocean_header_general', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_top_header_style', ) ) ); /** * Top Menu Header Menu Position */ $wp_customize->add_setting( 'ocean_top_header_menu_position', array( 'default' => 'before', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_top_header_menu_position', array( 'label' => esc_html__( 'Menu Position', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_header_general', 'settings' => 'ocean_top_header_menu_position', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_top_header_style', 'choices' => array( 'before' => esc_html__( 'Before The Logo', 'oceanwp' ), 'after' => esc_html__( 'After The Logo', 'oceanwp' ), ), ) ) ); /** * Top Menu Header Menu Background Color */ $wp_customize->add_setting( 'ocean_top_header_menu_background', array( 'transport' => 'postMessage', 'default' => '#ffffff', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_top_header_menu_background', array( 'label' => esc_html__( 'Menu Background Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_top_header_menu_background', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_top_header_style', ) ) ); /** * Top Menu Header Search Button Border Color */ $wp_customize->add_setting( 'ocean_top_header_search_button_border_color', array( 'transport' => 'postMessage', 'default' => '#f1f1f1', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_top_header_search_button_border_color', array( 'label' => esc_html__( 'Search Button Border Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_top_header_search_button_border_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_top_header_style', ) ) ); /** * Top Menu Header Search Button Color */ $wp_customize->add_setting( 'ocean_top_header_search_button_color', array( 'transport' => 'postMessage', 'default' => '#333333', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_top_header_search_button_color', array( 'label' => esc_html__( 'Search Button Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_top_header_search_button_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_top_header_style', ) ) ); /** * Top Menu Header Search Button Hover Color */ $wp_customize->add_setting( 'ocean_top_header_search_button_hover_color', array( 'transport' => 'postMessage', 'default' => '#13aff0', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_top_header_search_button_hover_color', array( 'label' => esc_html__( 'Search Button Color: Hover', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_top_header_search_button_hover_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_top_header_style', ) ) ); /** * Heading Full Screen Header */ $wp_customize->add_setting( 'ocean_full_screen_header_heading', array( 'sanitize_callback' => 'wp_kses', ) ); $wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_full_screen_header_heading', array( 'label' => esc_html__( 'Full Screen Header Settings', 'oceanwp' ), 'section' => 'ocean_header_general', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_full_screen_header_style', ) ) ); /** * Full Screen Header Transparent */ $wp_customize->add_setting( 'ocean_full_screen_header_transparent', array( 'default' => false, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_full_screen_header_transparent', array( 'label' => esc_html__( 'Add Transparent Header', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_header_general', 'settings' => 'ocean_full_screen_header_transparent', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_full_screen_header_style', ) ) ); /** * Full Screen Header Logo */ $wp_customize->add_setting( 'ocean_full_screen_header_logo', array( 'default' => '', 'sanitize_callback' => 'oceanwp_sanitize_image', ) ); $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'ocean_full_screen_header_logo', array( 'label' => esc_html__( 'Logo (optional)', 'oceanwp' ), 'description' => esc_html__( 'Select a custom logo when the menu is opened.', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_full_screen_header_logo', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_full_screen_header_style', ) ) ); /** * Full Screen Header Retina Logo */ $wp_customize->add_setting( 'ocean_full_screen_header_retina_logo', array( 'default' => '', 'sanitize_callback' => 'oceanwp_sanitize_image', ) ); $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'ocean_full_screen_header_retina_logo', array( 'label' => esc_html__( 'Retina Logo (optional)', 'oceanwp' ), 'description' => esc_html__( 'Select a custom retina logo (twice the logo size) when the menu is opened.', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_full_screen_header_retina_logo', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_full_screen_header_style', ) ) ); /** * Full Screen Styling Heading */ $wp_customize->add_setting( 'ocean_full_screen_styling_heading', array( 'sanitize_callback' => 'wp_kses', ) ); $wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_full_screen_styling_heading', array( 'label' => esc_html__( 'Styling', 'oceanwp' ), 'section' => 'ocean_header_general', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_full_screen_header_style', ) ) ); /** * Full Screen Header Menu Bar Color */ $wp_customize->add_setting( 'ocean_full_screen_header_menu_bar_color', array( 'transport' => 'postMessage', 'default' => '#333333', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_menu_bar_color', array( 'label' => esc_html__( 'Menu Bar Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_full_screen_header_menu_bar_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_full_screen_header_style', ) ) ); /** * Full Screen Header Menu Bar Close Color */ $wp_customize->add_setting( 'ocean_full_screen_header_menu_bar_close_color', array( 'transport' => 'postMessage', 'default' => '#ffffff', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_menu_bar_close_color', array( 'label' => esc_html__( 'Menu Bar Close Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_full_screen_header_menu_bar_close_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_full_screen_header_style', ) ) ); /** * Full Screen Header Background Color */ $wp_customize->add_setting( 'ocean_full_screen_header_bg', array( 'transport' => 'postMessage', 'default' => 'rgba(0,0,0,0.9)', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_bg', array( 'label' => esc_html__( 'Background Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_full_screen_header_bg', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_full_screen_header_style', ) ) ); /** * Full Screen Header Links Background Color */ $wp_customize->add_setting( 'ocean_full_screen_header_links_bg_color', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_links_bg_color', array( 'label' => esc_html__( 'Links Background Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_full_screen_header_links_bg_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_full_screen_header_style', ) ) ); /** * Full Screen Header Links Hover Background Color */ $wp_customize->add_setting( 'ocean_full_screen_header_links_hover_bg_color', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_links_hover_bg_color', array( 'label' => esc_html__( 'Links Hover Background Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_full_screen_header_links_hover_bg_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_full_screen_header_style', ) ) ); /** * Full Screen Header Links Color */ $wp_customize->add_setting( 'ocean_full_screen_header_links_color', array( 'transport' => 'postMessage', 'default' => '#ffffff', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_links_color', array( 'label' => esc_html__( 'Links Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_full_screen_header_links_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_full_screen_header_style', ) ) ); /** * Full Screen Header Links Hover Color */ $wp_customize->add_setting( 'ocean_full_screen_header_links_hover_color', array( 'transport' => 'postMessage', 'default' => '#929292', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_links_hover_color', array( 'label' => esc_html__( 'Links Hover Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_full_screen_header_links_hover_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_full_screen_header_style', ) ) ); /** * Full Screen Search Styling Heading */ $wp_customize->add_setting( 'ocean_full_screen_search_styling_heading', array( 'sanitize_callback' => 'wp_kses', ) ); $wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_full_screen_search_styling_heading', array( 'label' => esc_html__( 'Search Styling', 'oceanwp' ), 'section' => 'ocean_header_general', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_full_screen_header_style', ) ) ); /** * Full Screen Header Input Color */ $wp_customize->add_setting( 'ocean_full_screen_header_search_color', array( 'transport' => 'postMessage', 'default' => '#ffffff', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_search_color', array( 'label' => esc_html__( 'Input Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_full_screen_header_search_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_full_screen_header_style', ) ) ); /** * Full Screen Header Input Dashed Text Color */ $wp_customize->add_setting( 'ocean_full_screen_header_search_dashed_bg', array( 'transport' => 'postMessage', 'default' => '#ffffff', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_search_dashed_bg', array( 'label' => esc_html__( 'Input Dashed Text Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_full_screen_header_search_dashed_bg', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_full_screen_header_style', ) ) ); /** * Full Screen Header Input Border Bottom Color */ $wp_customize->add_setting( 'ocean_full_screen_header_search_border_color', array( 'transport' => 'postMessage', 'default' => '#666666', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_search_border_color', array( 'label' => esc_html__( 'Input Border Bottom Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_full_screen_header_search_border_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_full_screen_header_style', ) ) ); /** * Full Screen Header Input Hover Border Bottom Color */ $wp_customize->add_setting( 'ocean_full_screen_header_search_hover_border_color', array( 'transport' => 'postMessage', 'default' => '#ffffff', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_search_hover_border_color', array( 'label' => esc_html__( 'Input Hover Border Bottom Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_full_screen_header_search_hover_border_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_full_screen_header_style', ) ) ); /** * Full Screen Header Input Focus Border Bottom Color */ $wp_customize->add_setting( 'ocean_full_screen_header_search_focus_border_color', array( 'transport' => 'postMessage', 'default' => '#ffffff', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_search_focus_border_color', array( 'label' => esc_html__( 'Input Focus Border Bottom Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_full_screen_header_search_focus_border_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_full_screen_header_style', ) ) ); /** * Heading Center Header */ $wp_customize->add_setting( 'ocean_center_header_heading', array( 'sanitize_callback' => 'wp_kses', ) ); $wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_center_header_heading', array( 'label' => esc_html__( 'Center Header Settings', 'oceanwp' ), 'section' => 'ocean_header_general', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_center_header_style', ) ) ); /** * Search Source */ $wp_customize->add_setting( 'ocean_center_header_left_menu', array( 'default' => '0', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_center_header_left_menu', array( 'label' => esc_html__( 'Left Menu', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_header_general', 'settings' => 'ocean_center_header_left_menu', 'priority' => 10, 'choices' => $this->get_wp_menus(), 'active_callback' => 'oceanwp_cac_has_center_header_style', ) ) ); /** * Center Header Menus Position */ $wp_customize->add_setting( 'ocean_center_header_menu_position', array( 'transport' => 'postMessage', 'default' => 'centered', 'sanitize_callback' => 'sanitize_text_field', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_center_header_menu_position', array( 'label' => esc_html__( 'Menus Position', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_header_general', 'settings' => 'ocean_center_header_menu_position', 'priority' => 10, 'choices' => array( 'wider' => esc_html__( 'Wider Spacing', 'oceanwp' ), 'centered' => esc_html__( 'Centered Menus', 'oceanwp' ), 'closer' => esc_html__( 'Closer Spacing', 'oceanwp' ), ), 'active_callback' => 'oceanwp_cac_has_center_header_style', ) ) ); /** * Center Header Transparent */ $wp_customize->add_setting( 'ocean_center_header_transparent', array( 'default' => false, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_center_header_transparent', array( 'label' => esc_html__( 'Add Transparent Header', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_header_general', 'settings' => 'ocean_center_header_transparent', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_center_header_style', ) ) ); /** * Heading Medium Header */ $wp_customize->add_setting( 'ocean_medium_header_heading', array( 'sanitize_callback' => 'wp_kses', ) ); $wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_medium_header_heading', array( 'label' => esc_html__( 'Medium Header Settings', 'oceanwp' ), 'section' => 'ocean_header_general', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_medium_header_style', ) ) ); /** * Medium Header Transparent */ $wp_customize->add_setting( 'ocean_medium_header_transparent', array( 'default' => false, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_medium_header_transparent', array( 'label' => esc_html__( 'Add Transparent Header', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_header_general', 'settings' => 'ocean_medium_header_transparent', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_medium_header_style', ) ) ); /** * Medium Header Hide Menu When Scrolling */ $wp_customize->add_setting( 'ocean_medium_header_hidden_menu', array( 'transport' => 'postMessage', 'default' => true, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_medium_header_hidden_menu', array( 'label' => esc_html__( 'Hide Menu When Scrolling', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_header_general', 'settings' => 'ocean_medium_header_hidden_menu', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_medium_header_style', ) ) ); /** * Medium Header Stick Menu */ $wp_customize->add_setting( 'ocean_medium_header_stick_menu', array( 'default' => false, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_medium_header_stick_menu', array( 'label' => esc_html__( 'Stick Only The Menu', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_header_general', 'settings' => 'ocean_medium_header_stick_menu', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_medium_header_style', ) ) ); /** * Medium Header Top Header Heading */ $wp_customize->add_setting( 'ocean_medium_header_top_header_heading', array( 'sanitize_callback' => 'wp_kses', ) ); $wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_medium_header_top_header_heading', array( 'label' => esc_html__( 'Top Header', 'oceanwp' ), 'section' => 'ocean_header_general', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_medium_header_style', ) ) ); /** * Medium Header Top Header Background Color */ $wp_customize->add_setting( 'ocean_medium_header_top_header_bg', array( 'transport' => 'postMessage', 'default' => '#ffffff', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_medium_header_top_header_bg', array( 'label' => esc_html__( 'Background Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_medium_header_top_header_bg', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_medium_header_style', ) ) ); /** * Medium Header Top Header Elements */ $wp_customize->add_setting( 'ocean_medium_header_top_header_elements', array( 'default' => array( 'searchfrom', 'logo', 'social' ), 'sanitize_callback' => 'oceanwp_sanitize_multi_choices', ) ); $wp_customize->add_control( new OceanWP_Customizer_Sortable_Control( $wp_customize, 'ocean_medium_header_top_header_elements', array( 'label' => esc_html__( 'Elements Positioning', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_medium_header_top_header_elements', 'priority' => 10, 'choices' => array( 'searchfrom' => esc_html__( 'Search Form', 'oceanwp' ), 'logo' => esc_html__( 'Logo', 'oceanwp' ), 'social' => esc_html__( 'Social Buttons', 'oceanwp' ), ), 'active_callback' => 'oceanwp_cac_has_medium_header_style', ) ) ); /** * Medium Header Top Header Padding Top/Bottom */ $wp_customize->add_setting( 'ocean_medium_header_top_header_top_padding', array( 'transport' => 'postMessage', 'default' => '30', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_setting( 'ocean_medium_header_top_header_bottom_padding', array( 'transport' => 'postMessage', 'default' => '30', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_setting( 'ocean_medium_header_top_header_tablet_top_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_medium_header_top_header_tablet_bottom_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_medium_header_top_header_mobile_top_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_medium_header_top_header_mobile_bottom_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_control( new OceanWP_Customizer_Dimensions_Control( $wp_customize, 'ocean_medium_header_top_header_padding', array( 'label' => esc_html__( 'Padding (px)', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => array( 'desktop_top' => 'ocean_medium_header_top_header_top_padding', 'desktop_bottom' => 'ocean_medium_header_top_header_bottom_padding', 'tablet_top' => 'ocean_medium_header_top_header_tablet_top_padding', 'tablet_bottom' => 'ocean_medium_header_top_header_tablet_bottom_padding', 'mobile_top' => 'ocean_medium_header_top_header_mobile_top_padding', 'mobile_bottom' => 'ocean_medium_header_top_header_mobile_bottom_padding', ), 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_medium_header_style', 'input_attrs' => array( 'min' => 0, 'max' => 100, 'step' => 1, ), ) ) ); /** * Medium Header Sticky Top Header Padding Top/Bottom */ $wp_customize->add_setting( 'ocean_medium_header_sticky_top_header_top_padding', array( 'transport' => 'postMessage', 'default' => '20', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_setting( 'ocean_medium_header_sticky_top_header_bottom_padding', array( 'transport' => 'postMessage', 'default' => '20', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_setting( 'ocean_medium_header_sticky_top_header_tablet_top_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_medium_header_sticky_top_header_tablet_bottom_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_medium_header_sticky_top_header_mobile_top_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_medium_header_sticky_top_header_mobile_bottom_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_control( new OceanWP_Customizer_Dimensions_Control( $wp_customize, 'ocean_medium_header_sticky_top_header_padding', array( 'label' => esc_html__( 'Sticky Padding (px)', 'oceanwp' ), 'description' => esc_html__( 'If you use the sticky header extension', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => array( 'desktop_top' => 'ocean_medium_header_sticky_top_header_top_padding', 'desktop_bottom' => 'ocean_medium_header_sticky_top_header_bottom_padding', 'tablet_top' => 'ocean_medium_header_sticky_top_header_tablet_top_padding', 'tablet_bottom' => 'ocean_medium_header_sticky_top_header_tablet_bottom_padding', 'mobile_top' => 'ocean_medium_header_sticky_top_header_mobile_top_padding', 'mobile_bottom' => 'ocean_medium_header_sticky_top_header_mobile_bottom_padding', ), 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_medium_header_style', 'input_attrs' => array( 'min' => 0, 'max' => 100, 'step' => 1, ), ) ) ); /** * Medium Header Menu Heading */ $wp_customize->add_setting( 'ocean_medium_header_menu_heading', array( 'sanitize_callback' => 'wp_kses', ) ); $wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_medium_header_menu_heading', array( 'label' => esc_html__( 'Menu', 'oceanwp' ), 'section' => 'ocean_header_general', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_medium_header_style', ) ) ); /** * Medium Header Menu Position */ $wp_customize->add_setting( 'ocean_medium_header_menu_position', array( 'transport' => 'postMessage', 'default' => 'center-menu', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new OceanWP_Customizer_Buttonset_Control( $wp_customize, 'ocean_medium_header_menu_position', array( 'label' => esc_html__( 'Position', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_medium_header_menu_position', 'priority' => 10, 'choices' => array( 'left-menu' => esc_html__( 'Left', 'oceanwp' ), 'center-menu' => esc_html__( 'Center', 'oceanwp' ), 'right-menu' => esc_html__( 'Right', 'oceanwp' ), ), 'active_callback' => 'oceanwp_cac_has_medium_header_style', ) ) ); /** * Medium Header Menu Height */ $wp_customize->add_setting( 'ocean_medium_header_menu_height', array( 'transport' => 'postMessage', 'default' => '60', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_control( new OceanWP_Customizer_Range_Control( $wp_customize, 'ocean_medium_header_menu_height', array( 'label' => esc_html__( 'Height (px)', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_medium_header_menu_height', 'priority' => 10, 'input_attrs' => array( 'min' => 0, 'max' => 150, 'step' => 1, ), 'active_callback' => 'oceanwp_cac_has_medium_header_style', ) ) ); /** * Medium Header Menu Items Padding */ $wp_customize->add_setting( 'ocean_medium_header_menu_items_right_padding', array( 'transport' => 'postMessage', 'default' => '22', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_setting( 'ocean_medium_header_menu_items_left_padding', array( 'transport' => 'postMessage', 'default' => '22', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_setting( 'ocean_medium_header_menu_items_tablet_right_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_medium_header_menu_items_tablet_left_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_medium_header_menu_items_mobile_right_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_medium_header_menu_items_mobile_left_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_control( new OceanWP_Customizer_Dimensions_Control( $wp_customize, 'ocean_medium_header_menu_items_padding', array( 'label' => esc_html__( 'Menu Items Padding (px)', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => array( 'desktop_right' => 'ocean_medium_header_menu_items_right_padding', 'desktop_left' => 'ocean_medium_header_menu_items_left_padding', 'tablet_right' => 'ocean_medium_header_menu_items_tablet_right_padding', 'tablet_left' => 'ocean_medium_header_menu_items_tablet_left_padding', 'mobile_right' => 'ocean_medium_header_menu_items_mobile_right_padding', 'mobile_left' => 'ocean_medium_header_menu_items_mobile_left_padding', ), 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_medium_header_style', 'input_attrs' => array( 'min' => 0, 'max' => 60, 'step' => 1, ), ) ) ); /** * Medium Header Menu Background Color */ $wp_customize->add_setting( 'ocean_medium_header_menu_bg', array( 'transport' => 'postMessage', 'default' => '#f9f9f9', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_medium_header_menu_bg', array( 'label' => esc_html__( 'Background Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_medium_header_menu_bg', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_medium_header_style', ) ) ); /** * Medium Header Search Form Heading */ $wp_customize->add_setting( 'ocean_medium_header_searchform_heading', array( 'sanitize_callback' => 'wp_kses', ) ); $wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_medium_header_searchform_heading', array( 'label' => esc_html__( 'Search Form', 'oceanwp' ), 'section' => 'ocean_header_general', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_medium_header_style', ) ) ); /** * Medium Header Input Background Color */ $wp_customize->add_setting( 'ocean_medium_header_search_bg', array( 'transport' => 'postMessage', 'default' => '#f5f5f5', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_medium_header_search_bg', array( 'label' => esc_html__( 'Input Background Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_medium_header_search_bg', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_medium_header_style', ) ) ); /** * Medium Header Input Color */ $wp_customize->add_setting( 'ocean_medium_header_search_color', array( 'transport' => 'postMessage', 'default' => '#333333', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_medium_header_search_color', array( 'label' => esc_html__( 'Input Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_medium_header_search_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_medium_header_style', ) ) ); /** * Medium Header Placeholder Color */ $wp_customize->add_setting( 'ocean_medium_header_search_placeholder_color', array( 'transport' => 'postMessage', 'default' => '#333333', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_medium_header_search_placeholder_color', array( 'label' => esc_html__( 'Placeholder Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_medium_header_search_placeholder_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_medium_header_style', ) ) ); /** * Medium Header Button Color */ $wp_customize->add_setting( 'ocean_medium_header_search_button_color', array( 'transport' => 'postMessage', 'default' => '#333333', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_medium_header_search_button_color', array( 'label' => esc_html__( 'Button Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_medium_header_search_button_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_medium_header_style', ) ) ); /** * Medium Header Button Hover Color */ $wp_customize->add_setting( 'ocean_medium_header_search_button_hover_color', array( 'transport' => 'postMessage', 'default' => '#13aff0', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_medium_header_search_button_hover_color', array( 'label' => esc_html__( 'Button Hover Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_medium_header_search_button_hover_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_medium_header_style', ) ) ); /** * Heading Vertical Header */ $wp_customize->add_setting( 'ocean_vertical_header_heading', array( 'sanitize_callback' => 'wp_kses', ) ); $wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_vertical_header_heading', array( 'label' => esc_html__( 'Vertical Header Settings', 'oceanwp' ), 'section' => 'ocean_header_general', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Template */ $wp_customize->add_setting( 'ocean_vertical_header_template', array( 'default' => '0', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_vertical_header_template', array( 'label' => esc_html__( 'Select Template', 'oceanwp' ), 'description' => esc_html__( 'Choose a template created in Theme Panel > My Library to replace the header content.', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_template', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', 'choices' => oceanwp_customizer_helpers( 'library' ), ) ) ); /** * Vertical Header Bottom Template */ $wp_customize->add_setting( 'ocean_vertical_header_bottom_template', array( 'default' => '0', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_vertical_header_bottom_template', array( 'label' => esc_html__( 'Select Bottom Template', 'oceanwp' ), 'description' => esc_html__( 'Choose a template created in Theme Panel > My Library to add at the header bottom.', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_bottom_template', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', 'choices' => oceanwp_customizer_helpers( 'library' ), ) ) ); /** * Vertical Header Add Transparent */ $wp_customize->add_setting( 'ocean_vertical_header_transparent', array( 'default' => false, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_vertical_header_transparent', array( 'label' => esc_html__( 'Add Transparent Header', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_transparent', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Shadow */ $wp_customize->add_setting( 'ocean_vertical_header_shadow', array( 'transport' => 'postMessage', 'default' => true, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_vertical_header_shadow', array( 'label' => esc_html__( 'Add Header Shadow', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_shadow', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Closed */ $wp_customize->add_setting( 'ocean_vertical_header_closed', array( 'transport' => 'postMessage', 'default' => false, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_vertical_header_closed', array( 'label' => esc_html__( 'Closed Header', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_closed', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Hamburger Button Color */ $wp_customize->add_setting( 'ocean_vertical_header_hamburger_color', array( 'default' => '#000000', 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_hamburger_color', array( 'label' => esc_html__( 'Custom Hamburger Button Color', 'oceanwp' ), 'description' => esc_html__( 'Used for the hamburger menu to open the header in small screens and if closed header.', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_hamburger_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Collapse Width */ $wp_customize->add_setting( 'ocean_vertical_header_collapse_width', array( 'transport' => 'postMessage', 'default' => '1280', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_vertical_header_collapse_width', array( 'label' => esc_html__( 'Collapse Width (px)', 'oceanwp' ), 'description' => esc_html__( 'This field is to control the width where you want to collapse the header.', 'oceanwp' ), 'type' => 'number', 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_collapse_width', 'priority' => 10, 'input_attrs' => array( 'min' => 959, 'step' => 1, ), 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Width */ $wp_customize->add_setting( 'ocean_vertical_header_width', array( 'transport' => 'postMessage', 'default' => '300', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_vertical_header_width', array( 'label' => esc_html__( 'Width (px)', 'oceanwp' ), 'type' => 'number', 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_width', 'priority' => 10, 'input_attrs' => array( 'min' => 0, 'step' => 1, ), 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Inner Padding */ $wp_customize->add_setting( 'ocean_vertical_header_inner_top_padding', array( 'transport' => 'postMessage', 'default' => '30', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_setting( 'ocean_vertical_header_inner_right_padding', array( 'transport' => 'postMessage', 'default' => '30', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_setting( 'ocean_vertical_header_inner_bottom_padding', array( 'transport' => 'postMessage', 'default' => '30', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_setting( 'ocean_vertical_header_inner_left_padding', array( 'transport' => 'postMessage', 'default' => '30', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_setting( 'ocean_vertical_header_inner_tablet_top_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_vertical_header_inner_tablet_right_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_vertical_header_inner_tablet_bottom_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_vertical_header_inner_tablet_left_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_vertical_header_inner_mobile_top_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_vertical_header_inner_mobile_right_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_vertical_header_inner_mobile_bottom_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_vertical_header_inner_mobile_left_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_control( new OceanWP_Customizer_Dimensions_Control( $wp_customize, 'ocean_vertical_header_inner_padding', array( 'label' => esc_html__( 'Inner Padding (px)', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => array( 'desktop_top' => 'ocean_vertical_header_inner_top_padding', 'desktop_right' => 'ocean_vertical_header_inner_right_padding', 'desktop_bottom' => 'ocean_vertical_header_inner_bottom_padding', 'desktop_left' => 'ocean_vertical_header_inner_left_padding', 'tablet_top' => 'ocean_vertical_header_inner_tablet_top_padding', 'tablet_right' => 'ocean_vertical_header_inner_tablet_right_padding', 'tablet_bottom' => 'ocean_vertical_header_inner_tablet_bottom_padding', 'tablet_left' => 'ocean_vertical_header_inner_tablet_left_padding', 'mobile_top' => 'ocean_vertical_header_inner_mobile_top_padding', 'mobile_right' => 'ocean_vertical_header_inner_mobile_right_padding', 'mobile_bottom' => 'ocean_vertical_header_inner_mobile_bottom_padding', 'mobile_left' => 'ocean_vertical_header_inner_mobile_left_padding', ), 'priority' => 10, 'input_attrs' => array( 'min' => 0, 'step' => 1, ), 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Position */ $wp_customize->add_setting( 'ocean_vertical_header_position', array( 'transport' => 'postMessage', 'default' => 'left-header', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new OceanWP_Customizer_Buttonset_Control( $wp_customize, 'ocean_vertical_header_position', array( 'label' => esc_html__( 'Position', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_position', 'priority' => 10, 'choices' => array( 'left-header' => esc_html__( 'Left', 'oceanwp' ), 'right-header' => esc_html__( 'Right', 'oceanwp' ), ), 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Logo Position */ $wp_customize->add_setting( 'ocean_vertical_header_logo_position', array( 'transport' => 'postMessage', 'default' => 'center-logo', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new OceanWP_Customizer_Buttonset_Control( $wp_customize, 'ocean_vertical_header_logo_position', array( 'label' => esc_html__( 'Logo Position', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_logo_position', 'priority' => 10, 'choices' => array( 'left-logo' => esc_html__( 'Left', 'oceanwp' ), 'center-logo' => esc_html__( 'Center', 'oceanwp' ), 'right-logo' => esc_html__( 'Right', 'oceanwp' ), ), 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Menu Items Padding */ $wp_customize->add_setting( 'ocean_vertical_header_menu_items_padding', array( 'transport' => 'postMessage', 'default' => '17', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_control( new OceanWP_Customizer_Range_Control( $wp_customize, 'ocean_vertical_header_menu_items_padding', array( 'label' => esc_html__( 'Menu Items Top/Bottom Padding (px)', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_menu_items_padding', 'priority' => 10, 'input_attrs' => array( 'min' => 0, 'max' => 100, 'step' => 1, ), 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Menu Dropdown Target */ $wp_customize->add_setting( 'ocean_vertical_header_dropdown_target', array( 'default' => 'link', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new OceanWP_Customizer_Buttonset_Control( $wp_customize, 'ocean_vertical_header_dropdown_target', array( 'label' => esc_html__( 'Dropdown Target', 'oceanwp' ), 'description' => esc_html__( 'Choose your opening target for your submenus', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_dropdown_target', 'priority' => 10, 'choices' => array( 'icon' => esc_html__( 'Icon', 'oceanwp' ), 'link' => esc_html__( 'Link', 'oceanwp' ), ), 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Menu Items Border Color */ $wp_customize->add_setting( 'ocean_vertical_header_menu_items_border_color', array( 'transport' => 'postMessage', 'default' => 'rgba(0,0,0,0.05)', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_menu_items_border_color', array( 'label' => esc_html__( 'Menu Items Border Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_menu_items_border_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Sub Menu Background Color */ $wp_customize->add_setting( 'ocean_vertical_header_sub_menu_bg', array( 'transport' => 'postMessage', 'default' => 'rgba(0,0,0,0.03)', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_sub_menu_bg', array( 'label' => esc_html__( 'Sub Menu Background Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_sub_menu_bg', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Sub Menu Links Color */ $wp_customize->add_setting( 'ocean_vertical_header_sub_menu_links_color', array( 'transport' => 'postMessage', 'default' => '#333333', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_sub_menu_links_color', array( 'label' => esc_html__( 'Sub Menu Links Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_sub_menu_links_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Sub Menu Links Hover Color */ $wp_customize->add_setting( 'ocean_vertical_header_sub_menu_links_hover_color', array( 'transport' => 'postMessage', 'default' => '#555555', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_sub_menu_links_hover_color', array( 'label' => esc_html__( 'Sub Menu Links Color: Hover', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_sub_menu_links_hover_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Sub Menu Links Background Color */ $wp_customize->add_setting( 'ocean_vertical_header_sub_menu_links_bg', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_sub_menu_links_bg', array( 'label' => esc_html__( 'Sub Menu Links Background Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_sub_menu_links_bg', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Sub Menu Links Hover Background Color */ $wp_customize->add_setting( 'ocean_vertical_header_sub_menu_links_hover_bg', array( 'transport' => 'postMessage', 'default' => '#f8f8f8', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_sub_menu_links_hover_bg', array( 'label' => esc_html__( 'Sub Menu Links Background Color: Hover', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_sub_menu_links_hover_bg', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Heading Vertical Header Search Form */ $wp_customize->add_setting( 'ocean_vertical_header_search_heading', array( 'sanitize_callback' => 'wp_kses', ) ); $wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_vertical_header_search_heading', array( 'label' => esc_html__( 'Search Form', 'oceanwp' ), 'section' => 'ocean_header_general', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Search Form */ $wp_customize->add_setting( 'ocean_vertical_header_search_form', array( 'default' => true, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_vertical_header_search_form', array( 'label' => esc_html__( 'Display Search Form', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_search_form', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Search Border Width */ $wp_customize->add_setting( 'ocean_vertical_header_search_border_width', array( 'transport' => 'postMessage', 'sanitize_callback' => 'wp_kses_post', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_vertical_header_search_border_width', array( 'label' => esc_html__( 'Border Width', 'oceanwp' ), 'description' => esc_html__( 'Add a custom border radius. px - em - %.', 'oceanwp' ), 'type' => 'text', 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_search_border_width', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Search Border Radius */ $wp_customize->add_setting( 'ocean_vertical_header_search_border_radius', array( 'transport' => 'postMessage', 'sanitize_callback' => 'wp_kses_post', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_vertical_header_search_border_radius', array( 'label' => esc_html__( 'Border Radius', 'oceanwp' ), 'description' => esc_html__( 'Add a custom border radius. px - em - %.', 'oceanwp' ), 'type' => 'text', 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_search_border_radius', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Search Background Color */ $wp_customize->add_setting( 'ocean_vertical_header_search_bg', array( 'transport' => 'postMessage', 'default' => 'rgba(0,0,0,0.03)', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_search_bg', array( 'label' => esc_html__( 'Background Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_search_bg', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Search Label Color */ $wp_customize->add_setting( 'ocean_vertical_header_search_color', array( 'transport' => 'postMessage', 'default' => '#333333', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_search_color', array( 'label' => esc_html__( 'Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_search_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Search Border Color */ $wp_customize->add_setting( 'ocean_vertical_header_search_border_color', array( 'transport' => 'postMessage', 'default' => 'rgba(0,0,0,0.04)', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_search_border_color', array( 'label' => esc_html__( 'Border Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_search_border_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Search Hover Border Color */ $wp_customize->add_setting( 'ocean_vertical_header_search_hover_border_color', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_search_hover_border_color', array( 'label' => esc_html__( 'Border Color: Hover', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_search_hover_border_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Search Focus Border Color */ $wp_customize->add_setting( 'ocean_vertical_header_search_focus_border_color', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_search_focus_border_color', array( 'label' => esc_html__( 'Border Color: Focus', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_search_focus_border_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Search Button Color */ $wp_customize->add_setting( 'ocean_vertical_header_search_btn_color', array( 'transport' => 'postMessage', 'default' => '#777777', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_search_btn_color', array( 'label' => esc_html__( 'Button Color', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_search_btn_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Vertical Header Search Button Color */ $wp_customize->add_setting( 'ocean_vertical_header_search_btn_hover_color', array( 'transport' => 'postMessage', 'default' => '#333333', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_search_btn_hover_color', array( 'label' => esc_html__( 'Button Color: Hover', 'oceanwp' ), 'section' => 'ocean_header_general', 'settings' => 'ocean_vertical_header_search_btn_hover_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_vertical_header_style', ) ) ); /** * Section where header images options are automatically added */ $wp_customize->add_section( 'header_image' , array( 'title' => esc_html__( 'Header Media', 'oceanwp' ), 'priority' => 10, 'panel' => $panel, ) ); /** * Overlay Color */ $wp_customize->add_setting( 'ocean_header_image_overlay_color', array( 'transport' => 'postMessage', 'default' => 'rgba(0,0,0,0.3)', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_header_image_overlay_color', array( 'label' => esc_html__( 'Overlay Color', 'oceanwp' ), 'section' => 'header_image', 'settings' => 'ocean_header_image_overlay_color', 'priority' => 10, ) ) ); /** * Site Background Image Position */ $wp_customize->add_setting( 'ocean_header_image_position', array( 'transport' => 'postMessage', 'default' => 'initial', 'sanitize_callback' => 'sanitize_text_field', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_header_image_position', array( 'label' => esc_html__( 'Position', 'oceanwp' ), 'type' => 'select', 'section' => 'header_image', 'settings' => 'ocean_header_image_position', 'priority' => 10, 'choices' => array( 'initial' => esc_html__( 'Default', 'oceanwp' ), 'top left' => esc_html__( 'Top Left', 'oceanwp' ), 'top center' => esc_html__( 'Top Center', 'oceanwp' ), 'top right' => esc_html__( 'Top Right', 'oceanwp' ), 'center left' => esc_html__( 'Center Left', 'oceanwp' ), 'center center' => esc_html__( 'Center Center', 'oceanwp' ), 'center right' => esc_html__( 'Center Right', 'oceanwp' ), 'bottom left' => esc_html__( 'Bottom Left', 'oceanwp' ), 'bottom center' => esc_html__( 'Bottom Center', 'oceanwp' ), 'bottom right' => esc_html__( 'Bottom Right', 'oceanwp' ), ), ) ) ); /** * Site Background Image Attachment */ $wp_customize->add_setting( 'ocean_header_image_attachment', array( 'transport' => 'postMessage', 'default' => 'initial', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_header_image_attachment', array( 'label' => esc_html__( 'Attachment', 'oceanwp' ), 'type' => 'select', 'section' => 'header_image', 'settings' => 'ocean_header_image_attachment', 'priority' => 10, 'choices' => array( 'initial' => esc_html__( 'Default', 'oceanwp' ), 'scroll' => esc_html__( 'Scroll', 'oceanwp' ), 'fixed' => esc_html__( 'Fixed', 'oceanwp' ), ), ) ) ); /** * Site Background Image Repeat */ $wp_customize->add_setting( 'ocean_header_image_repeat', array( 'transport' => 'postMessage', 'default' => 'initial', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_header_image_repeat', array( 'label' => esc_html__( 'Repeat', 'oceanwp' ), 'type' => 'select', 'section' => 'header_image', 'settings' => 'ocean_header_image_repeat', 'priority' => 10, 'choices' => array( 'initial' => esc_html__( 'Default', 'oceanwp' ), 'no-repeat' => esc_html__( 'No-repeat', 'oceanwp' ), 'repeat' => esc_html__( 'Repeat', 'oceanwp' ), 'repeat-x' => esc_html__( 'Repeat-x', 'oceanwp' ), 'repeat-y' => esc_html__( 'Repeat-y', 'oceanwp' ), ), ) ) ); /** * Site Background Image Size */ $wp_customize->add_setting( 'ocean_header_image_size', array( 'transport' => 'postMessage', 'default' => 'initial', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_header_image_size', array( 'label' => esc_html__( 'Size', 'oceanwp' ), 'type' => 'select', 'section' => 'header_image', 'settings' => 'ocean_header_image_size', 'priority' => 10, 'choices' => array( 'initial' => esc_html__( 'Default', 'oceanwp' ), 'auto' => esc_html__( 'Auto', 'oceanwp' ), 'cover' => esc_html__( 'Cover', 'oceanwp' ), 'contain' => esc_html__( 'Contain', 'oceanwp' ), ), ) ) ); /** * Section */ $wp_customize->add_section( 'ocean_header_logo' , array( 'title' => esc_html__( 'Logo', 'oceanwp' ), 'priority' => 10, 'panel' => $panel, ) ); /** * Header Retina Logo */ $wp_customize->add_setting( 'ocean_retina_logo', array( 'default' => '', 'sanitize_callback' => 'oceanwp_sanitize_image', ) ); $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'ocean_retina_logo', array( 'label' => esc_html__( 'Retina Logo', 'oceanwp' ), 'description' => esc_html__( 'Select a retina logo twice the normal logo size.', 'oceanwp' ), 'section' => 'ocean_header_logo', 'settings' => 'ocean_retina_logo', 'priority' => 10, ) ) ); /** * Header Logo Max Width */ $wp_customize->add_setting( 'ocean_logo_max_width', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_logo_max_width_tablet', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_logo_max_width_mobile', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_control( new OceanWP_Customizer_Slider_Control( $wp_customize, 'ocean_logo_max_width', array( 'label' => esc_html__( 'Max Width (px)', 'oceanwp' ), 'section' => 'ocean_header_logo', 'settings' => array( 'desktop' => 'ocean_logo_max_width', 'tablet' => 'ocean_logo_max_width_tablet', 'mobile' => 'ocean_logo_max_width_mobile', ), 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_custom_logo', 'input_attrs' => array( 'min' => 0, 'max' => 500, 'step' => 1, ), ) ) ); /** * Header Logo Max Height */ $wp_customize->add_setting( 'ocean_logo_max_height', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_logo_max_height_tablet', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_logo_max_height_mobile', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_control( new OceanWP_Customizer_Slider_Control( $wp_customize, 'ocean_logo_max_height', array( 'label' => esc_html__( 'Max Height (px)', 'oceanwp' ), 'section' => 'ocean_header_logo', 'settings' => array( 'desktop' => 'ocean_logo_max_height', 'tablet' => 'ocean_logo_max_height_tablet', 'mobile' => 'ocean_logo_max_height_mobile', ), 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_custom_logo', 'input_attrs' => array( 'min' => 0, 'max' => 500, 'step' => 1, ), ) ) ); /** * Header Logo Color */ $wp_customize->add_setting( 'ocean_logo_color', array( 'transport' => 'postMessage', 'default' => '#333333', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_logo_color', array( 'label' => esc_html__( 'Color', 'oceanwp' ), 'section' => 'ocean_header_logo', 'settings' => 'ocean_logo_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_hasnt_custom_logo', ) ) ); /** * Header Logo Hover Color */ $wp_customize->add_setting( 'ocean_logo_hover_color', array( 'transport' => 'postMessage', 'default' => '#13aff0', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_logo_hover_color', array( 'label' => esc_html__( 'Color: Hover', 'oceanwp' ), 'section' => 'ocean_header_logo', 'settings' => 'ocean_logo_hover_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_hasnt_custom_logo', ) ) ); /** * Section */ $wp_customize->add_section( 'ocean_header_menu' , array( 'title' => esc_html__( 'Menu', 'oceanwp' ), 'priority' => 10, 'panel' => $panel, ) ); /** * Custom Nav Template */ $wp_customize->add_setting( 'ocean_custom_nav_template', array( 'default' => '0', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_custom_nav_template', array( 'label' => esc_html__( 'Select Template', 'oceanwp' ), 'description' => esc_html__( 'Choose a template created in Theme Panel > My Library to replace the navigation.', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_header_menu', 'settings' => 'ocean_custom_nav_template', 'priority' => 10, 'choices' => oceanwp_customizer_helpers( 'library' ), ) ) ); /** * Menu Top Level Dropdown Icon */ $wp_customize->add_setting( 'ocean_menu_arrow_down', array( 'default' => true, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_arrow_down', array( 'label' => esc_html__( 'Top Level Dropdown Icon', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_header_menu', 'settings' => 'ocean_menu_arrow_down', 'priority' => 10, ) ) ); /** * Menu Second+ Level Dropdown Icon */ $wp_customize->add_setting( 'ocean_menu_arrow_side', array( 'default' => true, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_arrow_side', array( 'label' => esc_html__( 'Second+ Level Dropdown Icon', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_header_menu', 'settings' => 'ocean_menu_arrow_side', 'priority' => 10, ) ) ); /** * Menu Dropdown Top Border */ $wp_customize->add_setting( 'ocean_menu_dropdown_top_border', array( 'transport' => 'postMessage', 'default' => true, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_dropdown_top_border', array( 'label' => esc_html__( 'Dropdown Top Border', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_header_menu', 'settings' => 'ocean_menu_dropdown_top_border', 'priority' => 10, ) ) ); /** * Menu Position */ $wp_customize->add_setting( 'ocean_menu_position', array( 'transport' => 'postMessage', 'default' => 'right-menu', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new OceanWP_Customizer_Buttonset_Control( $wp_customize, 'ocean_menu_position', array( 'label' => esc_html__( 'Position', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_menu_position', 'priority' => 10, 'choices' => array( 'left-menu' => esc_html__( 'Left', 'oceanwp' ), 'center-menu' => esc_html__( 'Center', 'oceanwp' ), 'right-menu' => esc_html__( 'Right', 'oceanwp' ), ), 'active_callback' => 'oceanwp_cac_hasnt_header_styles', ) ) ); /** * Links Effect */ $wp_customize->add_setting( 'ocean_menu_links_effect', array( 'default' => 'no', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_links_effect', array( 'label' => esc_html__( 'Links Effect', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_header_menu', 'settings' => 'ocean_menu_links_effect', 'priority' => 10, 'choices' => array( 'no' => esc_html__( 'No Effect', 'oceanwp' ), 'one' => esc_html__( 'Underline From Left', 'oceanwp' ), 'two' => esc_html__( 'Underline Up', 'oceanwp' ), 'three' => esc_html__( 'Underline Down', 'oceanwp' ), 'four' => esc_html__( 'Brackets', 'oceanwp' ), 'five' => esc_html__( 'Overline & Fixed Underline', 'oceanwp' ), 'six' => esc_html__( 'Circular Reveal', 'oceanwp' ), 'seven' => esc_html__( 'Tripple Dot Under', 'oceanwp' ), 'eight' => esc_html__( 'X Marks The Spot', 'oceanwp' ), 'nine' => esc_html__( 'Underline & Overline', 'oceanwp' ), 'ten' => esc_html__( 'Backlighting', 'oceanwp' ), ), ) ) ); /** * Links Effect Blue Color */ $wp_customize->add_setting( 'ocean_menu_links_effect_blue_color', array( 'transport' => 'postMessage', 'default' => '#13aff0', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_links_effect_blue_color', array( 'label' => esc_html__( 'Links Effect: Color', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_menu_links_effect_blue_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_links_effect_blue', ) ) ); /** * Links Effect Dark Color */ $wp_customize->add_setting( 'ocean_menu_links_effect_dark_color', array( 'transport' => 'postMessage', 'default' => 'rgba(0,0,0,0.1)', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_links_effect_dark_color', array( 'label' => esc_html__( 'Links Effect: Color', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_menu_links_effect_dark_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_links_effect_dark', ) ) ); /** * Main Styling Heading */ $wp_customize->add_setting( 'ocean_menu_main_styling_heading', array( 'sanitize_callback' => 'wp_kses', ) ); $wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_menu_main_styling_heading', array( 'label' => esc_html__( 'Main Styling', 'oceanwp' ), 'section' => 'ocean_header_menu', 'priority' => 10, ) ) ); /** * Menu Items Padding */ $wp_customize->add_setting( 'ocean_menu_items_padding', array( 'transport' => 'postMessage', 'default' => '15', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_control( new OceanWP_Customizer_Range_Control( $wp_customize, 'ocean_menu_items_padding', array( 'label' => esc_html__( 'Left/Right Padding (px)', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_menu_items_padding', 'priority' => 10, 'input_attrs' => array( 'min' => 0, 'max' => 50, 'step' => 1, ), 'active_callback' => 'oceanwp_cac_hasnt_header_styles', ) ) ); /** * Menu Link Color */ $wp_customize->add_setting( 'ocean_menu_link_color', array( 'transport' => 'postMessage', 'default' => '#555555', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_link_color', array( 'label' => esc_html__( 'Link Color', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_menu_link_color', 'priority' => 10, ) ) ); /** * Menu Link Color Hover */ $wp_customize->add_setting( 'ocean_menu_link_color_hover', array( 'transport' => 'postMessage', 'default' => '#13aff0', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_link_color_hover', array( 'label' => esc_html__( 'Link Color: Hover', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_menu_link_color_hover', 'priority' => 10, ) ) ); /** * Menu Link Active Color */ $wp_customize->add_setting( 'ocean_menu_link_color_active', array( 'transport' => 'postMessage', 'default' => '#555555', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_link_color_active', array( 'label' => esc_html__( 'Link Color: Current Menu Item', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_menu_link_color_active', 'priority' => 10, ) ) ); /** * Menu Link Background Color */ $wp_customize->add_setting( 'ocean_menu_link_background', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_link_background', array( 'label' => esc_html__( 'Link Background', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_menu_link_background', 'priority' => 10, ) ) ); /** * Menu Link Hover Background Color */ $wp_customize->add_setting( 'ocean_menu_link_hover_background', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_link_hover_background', array( 'label' => esc_html__( 'Link Background: Hover', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_menu_link_hover_background', 'priority' => 10, ) ) ); /** * Menu Link Background Current Menu Item */ $wp_customize->add_setting( 'ocean_menu_link_active_background', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_link_active_background', array( 'label' => esc_html__( 'Link Background: Current Menu Item', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_menu_link_active_background', 'priority' => 10, ) ) ); /** * Dropdowns Styling Heading */ $wp_customize->add_setting( 'ocean_menu_dropdowns_styling_heading', array( 'sanitize_callback' => 'wp_kses', ) ); $wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_menu_dropdowns_styling_heading', array( 'label' => esc_html__( 'Dropdowns Styling', 'oceanwp' ), 'section' => 'ocean_header_menu', 'priority' => 10, ) ) ); /** * Dropdowns Width */ $wp_customize->add_setting( 'ocean_dropdown_width', array( 'transport' => 'postMessage', 'default' => '180', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_control( new OceanWP_Customizer_Range_Control( $wp_customize, 'ocean_dropdown_width', array( 'label' => esc_html__( 'Width (px)', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_dropdown_width', 'priority' => 10, 'input_attrs' => array( 'min' => 30, 'max' => 500, 'step' => 1, ), ) ) ); /** * Dropdown Background Color */ $wp_customize->add_setting( 'ocean_dropdown_menu_background', array( 'transport' => 'postMessage', 'default' => '#ffffff', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_menu_background', array( 'label' => esc_html__( 'Background Color', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_dropdown_menu_background', 'priority' => 10, ) ) ); /** * Dropdown Top Border Color */ $wp_customize->add_setting( 'ocean_dropdown_menu_top_border', array( 'transport' => 'postMessage', 'default' => '#13aff0', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_menu_top_border', array( 'label' => esc_html__( 'Top Border Color', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_dropdown_menu_top_border', 'priority' => 10, ) ) ); /** * Dropdown Borders Color */ $wp_customize->add_setting( 'ocean_dropdown_menu_borders', array( 'transport' => 'postMessage', 'default' => '#f1f1f1', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_menu_borders', array( 'label' => esc_html__( 'Borders Color', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_dropdown_menu_borders', 'priority' => 10, ) ) ); /** * Dropdown Link Color */ $wp_customize->add_setting( 'ocean_dropdown_menu_link_color', array( 'transport' => 'postMessage', 'default' => '#333333', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_menu_link_color', array( 'label' => esc_html__( 'Link Color', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_dropdown_menu_link_color', 'priority' => 10, ) ) ); /** * Dropdown Link Hover Color */ $wp_customize->add_setting( 'ocean_dropdown_menu_link_color_hover', array( 'transport' => 'postMessage', 'default' => '#555555', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_menu_link_color_hover', array( 'label' => esc_html__( 'Link Color: Hover', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_dropdown_menu_link_color_hover', 'priority' => 10, ) ) ); /** * Dropdown Link Hover Background Color */ $wp_customize->add_setting( 'ocean_dropdown_menu_link_hover_bg', array( 'transport' => 'postMessage', 'default' => '#f8f8f8', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_menu_link_hover_bg', array( 'label' => esc_html__( 'Link Background: Hover', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_dropdown_menu_link_hover_bg', 'priority' => 10, ) ) ); /** * Dropdown Link Active Color */ $wp_customize->add_setting( 'ocean_dropdown_menu_link_color_active', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_menu_link_color_active', array( 'label' => esc_html__( 'Link Color: Current Menu Item', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_dropdown_menu_link_color_active', 'priority' => 10, ) ) ); /** * Dropdown Link Active Background Color */ $wp_customize->add_setting( 'ocean_dropdown_menu_link_bg_active', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_menu_link_bg_active', array( 'label' => esc_html__( 'Link Background: Current Menu Item', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_dropdown_menu_link_bg_active', 'priority' => 10, ) ) ); /** * Search Heading */ $wp_customize->add_setting( 'ocean_menu_search_heading', array( 'sanitize_callback' => 'wp_kses', ) ); $wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_menu_search_heading', array( 'label' => esc_html__( 'Search Icon', 'oceanwp' ), 'section' => 'ocean_header_menu', 'priority' => 10, ) ) ); /** * Search Icon Style */ $wp_customize->add_setting( 'ocean_menu_search_style', array( 'default' => 'drop_down', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_search_style', array( 'label' => esc_html__( 'Search Icon Style', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_header_menu', 'settings' => 'ocean_menu_search_style', 'priority' => 10, 'choices' => array( 'disabled' => esc_html__( 'Disabled','oceanwp' ), 'drop_down' => esc_html__( 'Drop Down','oceanwp' ), 'header_replace' => esc_html__( 'Header Replace','oceanwp' ), 'overlay' => esc_html__( 'Overlay','oceanwp' ), ), ) ) ); /** * Search Dropdown Input Background Color */ $wp_customize->add_setting( 'ocean_search_dropdown_input_background', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_dropdown_input_background', array( 'label' => esc_html__( 'Input Background Color', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_search_dropdown_input_background', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_search_dropdown', ) ) ); /** * Search Dropdown Input Color */ $wp_customize->add_setting( 'ocean_search_dropdown_input_color', array( 'transport' => 'postMessage', 'default' => '#333333', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_dropdown_input_color', array( 'label' => esc_html__( 'Input Color', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_search_dropdown_input_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_search_dropdown', ) ) ); /** * Search Dropdown Input Border Color */ $wp_customize->add_setting( 'ocean_search_dropdown_input_border', array( 'transport' => 'postMessage', 'default' => '#dddddd', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_dropdown_input_border', array( 'label' => esc_html__( 'Input Border Color', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_search_dropdown_input_border', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_search_dropdown', ) ) ); /** * Search Dropdown Input Focus Border Color */ $wp_customize->add_setting( 'ocean_search_dropdown_input_border_focus', array( 'transport' => 'postMessage', 'default' => '#bbbbbb', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_dropdown_input_border_focus', array( 'label' => esc_html__( 'Input Border Color: Focus', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_search_dropdown_input_border_focus', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_search_dropdown', ) ) ); /** * Search Overlay Background Color */ $wp_customize->add_setting( 'ocean_search_overlay_bg', array( 'transport' => 'postMessage', 'default' => 'rgba(0,0,0,0.9)', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_overlay_bg', array( 'label' => esc_html__( 'Overlay Background Color', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_search_overlay_bg', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_search_overlay', ) ) ); /** * Search Overlay Input Color */ $wp_customize->add_setting( 'ocean_search_overlay_input_color', array( 'transport' => 'postMessage', 'default' => '#ffffff', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_overlay_input_color', array( 'label' => esc_html__( 'Input Color', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_search_overlay_input_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_search_overlay', ) ) ); /** * Search Overlay Input Placeholder Color */ $wp_customize->add_setting( 'ocean_search_overlay_placeholder_color', array( 'transport' => 'postMessage', 'default' => '#ffffff', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_overlay_placeholder_color', array( 'label' => esc_html__( 'Input Placeholder Color', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_search_overlay_placeholder_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_search_overlay', ) ) ); /** * Search Overlay Input Dashed Text Color */ $wp_customize->add_setting( 'ocean_search_overlay_input_dashed_bg', array( 'transport' => 'postMessage', 'default' => '#ffffff', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_overlay_input_dashed_bg', array( 'label' => esc_html__( 'Input Dashed Text Color', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_search_overlay_input_dashed_bg', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_search_overlay', ) ) ); /** * Search Overlay Input Border Color */ $wp_customize->add_setting( 'ocean_search_overlay_input_border_color', array( 'transport' => 'postMessage', 'default' => '#444444', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_overlay_input_border_color', array( 'label' => esc_html__( 'Input Border Color', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_search_overlay_input_border_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_search_overlay', ) ) ); /** * Search Overlay Input Hover Border Color */ $wp_customize->add_setting( 'ocean_search_overlay_input_hover_border_color', array( 'transport' => 'postMessage', 'default' => '#777777', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_overlay_input_hover_border_color', array( 'label' => esc_html__( 'Input Border Color: Hover', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_search_overlay_input_hover_border_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_search_overlay', ) ) ); /** * Search Overlay Input Focus Border Color */ $wp_customize->add_setting( 'ocean_search_overlay_input_focus_border_color', array( 'transport' => 'postMessage', 'default' => '#ffffff', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_overlay_input_focus_border_color', array( 'label' => esc_html__( 'Input Border Color: Focus', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_search_overlay_input_focus_border_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_search_overlay', ) ) ); /** * Search Overlay Close Button Color */ $wp_customize->add_setting( 'ocean_search_overlay_close_button_color', array( 'transport' => 'postMessage', 'default' => '#ffffff', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_overlay_close_button_color', array( 'label' => esc_html__( 'Close Button Color', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_search_overlay_close_button_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_search_overlay', ) ) ); /** * Dropdown Category Heading */ $wp_customize->add_setting( 'ocean_menu_dropdown_category_heading', array( 'sanitize_callback' => 'wp_kses', ) ); $wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_menu_dropdown_category_heading', array( 'label' => esc_html__( 'Dropdowns Categories Posts', 'oceanwp' ), 'section' => 'ocean_header_menu', 'priority' => 10, ) ) ); /** * Dropdown Category Title Background Color */ $wp_customize->add_setting( 'ocean_dropdown_category_title_bg', array( 'transport' => 'postMessage', 'default' => '#f8f8f8', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_category_title_bg', array( 'label' => esc_html__( 'Category Title: Background', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_dropdown_category_title_bg', 'priority' => 10, ) ) ); /** * Dropdown Category Title Color */ $wp_customize->add_setting( 'ocean_dropdown_category_title_color', array( 'transport' => 'postMessage', 'default' => '#222222', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_category_title_color', array( 'label' => esc_html__( 'Category Title: Color', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_dropdown_category_title_color', 'priority' => 10, ) ) ); /** * Dropdown Category Posts Links Color */ $wp_customize->add_setting( 'ocean_dropdown_category_links_color', array( 'transport' => 'postMessage', 'default' => '#555555', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_category_links_color', array( 'label' => esc_html__( 'Posts Links: Color', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_dropdown_category_links_color', 'priority' => 10, ) ) ); /** * Dropdown Category Posts Links Hover Color */ $wp_customize->add_setting( 'ocean_dropdown_category_links_hover_color', array( 'transport' => 'postMessage', 'default' => '#333333', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_category_links_hover_color', array( 'label' => esc_html__( 'Posts Links Hover: Color', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_dropdown_category_links_hover_color', 'priority' => 10, ) ) ); /** * Dropdown Category Posts Date Color */ $wp_customize->add_setting( 'ocean_dropdown_category_date_color', array( 'transport' => 'postMessage', 'default' => '#bbbbbb', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_category_date_color', array( 'label' => esc_html__( 'Posts Date: Color', 'oceanwp' ), 'section' => 'ocean_header_menu', 'settings' => 'ocean_dropdown_category_date_color', 'priority' => 10, ) ) ); /** * Section */ $wp_customize->add_section( 'ocean_header_menu_social' , array( 'title' => esc_html__( 'Social Menu', 'oceanwp' ), 'priority' => 10, 'panel' => $panel, ) ); /** * Social Menu */ $wp_customize->add_setting( 'ocean_menu_social', array( 'default' => false, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_social', array( 'label' => esc_html__( 'Enable Social Menu', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_header_menu_social', 'settings' => 'ocean_menu_social', 'priority' => 10, ) ) ); /** * Social Menu Template */ $wp_customize->add_setting( 'ocean_menu_social_template', array( 'default' => '0', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_social_template', array( 'label' => esc_html__( 'Select Template', 'oceanwp' ), 'description' => esc_html__( 'Choose a template created in Theme Panel > My Library.', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_header_menu_social', 'settings' => 'ocean_menu_social_template', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_social', 'choices' => oceanwp_customizer_helpers( 'library' ), ) ) ); /** * Social Menu Style */ $wp_customize->add_setting( 'ocean_menu_social_style', array( 'default' => 'simple', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_social_style', array( 'label' => esc_html__( 'Social Link Style', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_header_menu_social', 'settings' => 'ocean_menu_social_style', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_social', 'choices' => array( 'simple' => esc_html__( 'Simple', 'oceanwp' ), 'colored' => esc_html__( 'Colored', 'oceanwp' ), 'minimal' => esc_html__( 'Minimal', 'oceanwp' ), 'dark' => esc_html__( 'Dark', 'oceanwp' ), ), ) ) ); /** * Social Menu Target */ $wp_customize->add_setting( 'ocean_menu_social_target', array( 'transport' => 'postMessage', 'default' => 'blank', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_social_target', array( 'label' => esc_html__( 'Social Link Target', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_header_menu_social', 'settings' => 'ocean_menu_social_target', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_social', 'choices' => array( 'blank' => esc_html__( 'New Window', 'oceanwp' ), 'self' => esc_html__( 'Same Window', 'oceanwp' ), ), ) ) ); /** * Social Menu Font Size */ $wp_customize->add_setting( 'ocean_menu_social_font_size', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_menu_social_tablet_font_size', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_menu_social_mobile_font_size', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_control( new OceanWP_Customizer_Slider_Control( $wp_customize, 'ocean_menu_social_font_size', array( 'label' => esc_html__( 'Font Size (px)', 'oceanwp' ), 'section' => 'ocean_header_menu_social', 'settings' => array( 'desktop' => 'ocean_menu_social_font_size', 'tablet' => 'ocean_menu_social_tablet_font_size', 'mobile' => 'ocean_menu_social_mobile_font_size', ), 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_social', 'input_attrs' => array( 'min' => 0, 'max' => 100, 'step' => 1, ), ) ) ); /** * Social Menu Padding */ $wp_customize->add_setting( 'ocean_menu_social_top_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_menu_social_right_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_menu_social_bottom_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_menu_social_left_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_menu_social_tablet_top_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_menu_social_tablet_right_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_menu_social_tablet_bottom_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_menu_social_tablet_left_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_menu_social_mobile_top_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_menu_social_mobile_right_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_menu_social_mobile_bottom_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_menu_social_mobile_left_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_control( new OceanWP_Customizer_Dimensions_Control( $wp_customize, 'ocean_menu_social_padding', array( 'label' => esc_html__( 'Padding (px)', 'oceanwp' ), 'section' => 'ocean_header_menu_social', 'settings' => array( 'desktop_top' => 'ocean_menu_social_top_padding', 'desktop_right' => 'ocean_menu_social_right_padding', 'desktop_bottom' => 'ocean_menu_social_bottom_padding', 'desktop_left' => 'ocean_menu_social_left_padding', 'tablet_top' => 'ocean_menu_social_tablet_top_padding', 'tablet_right' => 'ocean_menu_social_tablet_right_padding', 'tablet_bottom' => 'ocean_menu_social_tablet_bottom_padding', 'tablet_left' => 'ocean_menu_social_tablet_left_padding', 'mobile_top' => 'ocean_menu_social_mobile_top_padding', 'mobile_right' => 'ocean_menu_social_mobile_right_padding', 'mobile_bottom' => 'ocean_menu_social_mobile_bottom_padding', 'mobile_left' => 'ocean_menu_social_mobile_left_padding', ), 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_social_and_simple_style', 'input_attrs' => array( 'min' => 0, 'max' => 60, 'step' => 1, ), ) ) ); /** * Social Menu Margin */ $wp_customize->add_setting( 'ocean_menu_social_right_margin', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_menu_social_left_margin', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_menu_social_tablet_right_margin', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_menu_social_tablet_left_margin', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_menu_social_mobile_right_margin', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_menu_social_mobile_left_margin', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_control( new OceanWP_Customizer_Dimensions_Control( $wp_customize, 'ocean_menu_social_margin', array( 'label' => esc_html__( 'Margin (px)', 'oceanwp' ), 'section' => 'ocean_header_menu_social', 'settings' => array( 'desktop_right' => 'ocean_menu_social_right_margin', 'desktop_left' => 'ocean_menu_social_left_margin', 'tablet_right' => 'ocean_menu_social_tablet_right_margin', 'tablet_left' => 'ocean_menu_social_tablet_left_margin', 'mobile_right' => 'ocean_menu_social_mobile_right_margin', 'mobile_left' => 'ocean_menu_social_mobile_left_margin', ), 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_social', 'input_attrs' => array( 'min' => 0, 'max' => 60, 'step' => 1, ), ) ) ); /** * Social Menu Border Radius */ $wp_customize->add_setting( 'ocean_menu_social_border_radius', array( 'transport' => 'postMessage', 'sanitize_callback' => 'wp_kses_post', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_social_border_radius', array( 'label' => esc_html__( 'Border Radius', 'oceanwp' ), 'description' => esc_html__( 'Add a custom border radius. px - em - %.', 'oceanwp' ), 'type' => 'text', 'section' => 'ocean_header_menu_social', 'settings' => 'ocean_menu_social_border_radius', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_social', ) ) ); /** * Social Menu Link Background Color */ $wp_customize->add_setting( 'ocean_menu_social_links_bg', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_social_links_bg', array( 'label' => esc_html__( 'Social: Background Color', 'oceanwp' ), 'section' => 'ocean_header_menu_social', 'settings' => 'ocean_menu_social_links_bg', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_social_and_simple_style', ) ) ); /** * Social Menu Link Hover Background Color */ $wp_customize->add_setting( 'ocean_menu_social_hover_links_bg', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_social_hover_links_bg', array( 'label' => esc_html__( 'Social Hover: Background Color', 'oceanwp' ), 'section' => 'ocean_header_menu_social', 'settings' => 'ocean_menu_social_hover_links_bg', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_social_and_simple_style', ) ) ); /** * Social Menu Link Color */ $wp_customize->add_setting( 'ocean_menu_social_links_color', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_social_links_color', array( 'label' => esc_html__( 'Social: Color', 'oceanwp' ), 'section' => 'ocean_header_menu_social', 'settings' => 'ocean_menu_social_links_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_social_and_simple_style', ) ) ); /** * Social Menu Link Hover Color */ $wp_customize->add_setting( 'ocean_menu_social_hover_links_color', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_social_hover_links_color', array( 'label' => esc_html__( 'Social Hover: Color', 'oceanwp' ), 'section' => 'ocean_header_menu_social', 'settings' => 'ocean_menu_social_hover_links_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_social_and_simple_style', ) ) ); /** * Social Menu Settings */ $social_options = oceanwp_social_options(); foreach ( $social_options as $key => $val ) { if ( 'skype' == $key ) { $sanitize = 'wp_filter_nohtml_kses'; } else if ( 'email' == $key ) { $sanitize = 'sanitize_email'; } else { $sanitize = 'esc_url_raw'; } $wp_customize->add_setting( 'ocean_menu_social_profiles[' . $key .']', array( 'sanitize_callback' => $sanitize, ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_social_profiles[' . $key .']', array( 'label' => esc_html( $val['label'] ), 'type' => 'text', 'section' => 'ocean_header_menu_social', 'settings' => 'ocean_menu_social_profiles[' . $key .']', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_menu_social', ) ) ); } /** * Section */ $wp_customize->add_section( 'ocean_header_mobile_menu' , array( 'title' => esc_html__( 'Mobile Menu', 'oceanwp' ), 'priority' => 10, 'panel' => $panel, ) ); /** * Breakpoints */ $wp_customize->add_setting( 'ocean_mobile_menu_breakpoints', array( 'default' => '959', 'sanitize_callback' => 'sanitize_key', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_breakpoints', array( 'label' => esc_html__( 'Breakpoints', 'oceanwp' ), 'description' => esc_html__( 'Choose the media query where you want to display the mobile menu.', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_breakpoints', 'priority' => 10, 'choices' => array( '1280' => esc_html__( 'From 1280px', 'oceanwp' ), '1080' => esc_html__( 'From 1080px', 'oceanwp' ), '959' => esc_html__( 'From 959px', 'oceanwp' ), '767' => esc_html__( 'From 767px', 'oceanwp' ), '480' => esc_html__( 'From 480px', 'oceanwp' ), '320' => esc_html__( 'From 320px', 'oceanwp' ), 'custom' => esc_html__( 'Custom media query', 'oceanwp' ), ), ) ) ); /** * Custom Media Query */ $wp_customize->add_setting( 'ocean_mobile_menu_custom_breakpoint', array( 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_custom_breakpoint', array( 'label' => esc_html__( 'Custom Media Query', 'oceanwp' ), 'description' => esc_html__( 'Enter your custom media query where you want to display the mobile menu.', 'oceanwp' ), 'type' => 'number', 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_custom_breakpoint', 'priority' => 10, 'active_callback' => 'oceanwp_mobile_menu_cac_has_custom_breakpoint', 'input_attrs' => array( 'min' => 0, 'step' => 1, ), ) ) ); /** * Mobile Header Height */ $wp_customize->add_setting( 'ocean_mobile_header_height', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_header_height', array( 'label' => esc_html__( 'Height (px)', 'oceanwp' ), 'type' => 'number', 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_header_height', 'priority' => 10, 'input_attrs' => array( 'min' => 0, 'step' => 1, ), 'active_callback' => 'oceanwp_cac_hasnt_header_styles', ) ) ); /** * Responsive Logo */ $wp_customize->add_setting( 'ocean_responsive_logo', array( 'default' => '', 'sanitize_callback' => 'oceanwp_sanitize_image', ) ); $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'ocean_responsive_logo', array( 'label' => esc_html__( 'Logo (optional)', 'oceanwp' ), 'description' => esc_html__( 'Select a custom responsive logo for tablet and mobile.', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_responsive_logo', 'priority' => 10, ) ) ); /** * Responsive Logo Height */ $wp_customize->add_setting( 'ocean_responsive_logo_height', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_responsive_logo_height', array( 'label' => esc_html__( 'Logo Max Height (px)', 'oceanwp' ), 'description' => esc_html__( 'Enter a max height for your responsive logo.', 'oceanwp' ), 'type' => 'number', 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_responsive_logo_height', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_responsive_logo', 'input_attrs' => array( 'min' => 0, ), ) ) ); /** * Elements Positioning */ $wp_customize->add_setting( 'ocean_mobile_elements_positioning', array( 'default' => 'one', 'sanitize_callback' => 'sanitize_key', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_elements_positioning', array( 'label' => esc_html__( 'Elements Positioning', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_elements_positioning', 'priority' => 10, 'choices' => array( 'one' => esc_html__( 'Logo / Cart / Link', 'oceanwp' ), 'two' => esc_html__( 'Cart / Logo / Link', 'oceanwp' ), 'three' => esc_html__( 'Link / Logo / Cart', 'oceanwp' ), ), 'active_callback' => 'oceanwp_cac_mobile_header_position', ) ) ); /** * Mobile Menu General Settings Heading */ $wp_customize->add_setting( 'ocean_mobile_menu_general_settings_heading', array( 'sanitize_callback' => 'wp_kses', ) ); $wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_mobile_menu_general_settings_heading', array( 'label' => esc_html__( 'General Settings', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'priority' => 10, ) ) ); /** * Mobile Menu Style */ $wp_customize->add_setting( 'ocean_mobile_menu_style', array( 'default' => 'dropdown', 'sanitize_callback' => 'sanitize_key', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_style', array( 'label' => esc_html__( 'Mobile Menu Style', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_style', 'priority' => 10, 'choices' => array( 'sidebar' => esc_html__( 'Sidebar', 'oceanwp' ), 'dropdown' => esc_html__( 'Drop Down', 'oceanwp' ), 'fullscreen' => esc_html__( 'Full Screen', 'oceanwp' ), ), ) ) ); /** * Display Menu Text */ $wp_customize->add_setting( 'ocean_mobile_menu_display_opening_text', array( 'default' => true, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_display_opening_text', array( 'label' => esc_html__( 'Display Menu Text', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_display_opening_text', 'priority' => 10, ) ) ); /** * Menu Text */ $wp_customize->add_setting( 'ocean_mobile_menu_text', array( 'default' => esc_html__( 'Menu', 'oceanwp' ), 'transport' => 'postMessage', 'sanitize_callback' => 'wp_kses_post', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_text', array( 'label' => esc_html__( 'Menu Text', 'oceanwp' ), 'type' => 'text', 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_text', 'priority' => 10, ) ) ); /** * Close Menu Text */ $wp_customize->add_setting( 'ocean_mobile_menu_close_text', array( 'default' => esc_html__( 'Close', 'oceanwp' ), 'transport' => 'postMessage', 'sanitize_callback' => 'wp_kses_post', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_close_text', array( 'label' => esc_html__( 'Close Menu Text', 'oceanwp' ), 'type' => 'text', 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_close_text', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_dropdown_mobile_menu', ) ) ); /** * Hamburger Icon Class */ $wp_customize->add_setting( 'ocean_mobile_menu_open_icon', array( 'default' => 'fa fa-bars', 'transport' => 'postMessage', 'sanitize_callback' => 'wp_filter_nohtml_kses', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_open_icon', array( 'label' => esc_html__( 'Hamburger Icon Class', 'oceanwp' ), 'description' => esc_html__( 'Enter the full icon class', 'oceanwp' ), 'type' => 'text', 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_open_icon', 'priority' => 10, ) ) ); /** * Custom Hamburger Button */ $wp_customize->add_setting( 'ocean_mobile_menu_open_hamburger', array( 'default' => 'default', 'sanitize_callback' => 'sanitize_key', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_open_hamburger', array( 'label' => esc_html__( 'Custom Hamburger Button', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_open_hamburger', 'priority' => 10, 'choices' => oceanwp_hamburgers_styles(), ) ) ); /** * Custom Hamburger Button Color */ $wp_customize->add_setting( 'ocean_mobile_menu_open_hamburger_color', array( 'default' => '#000000', 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_open_hamburger_color', array( 'label' => esc_html__( 'Custom Hamburger Button: Color', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_open_hamburger_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_custom_hamburger_btn', ) ) ); /** * Mobile Menu Panel */ $wp_customize->add_setting( 'ocean_mobile_menu_heading', array( 'sanitize_callback' => 'wp_kses', ) ); $wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_mobile_menu_heading', array( 'label' => esc_html__( 'Mobile Menu', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'priority' => 10, ) ) ); /** * Mobile Menu Direction */ $wp_customize->add_setting( 'ocean_mobile_menu_sidr_direction', array( 'default' => 'left', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new OceanWP_Customizer_Buttonset_Control( $wp_customize, 'ocean_mobile_menu_sidr_direction', array( 'label' => esc_html__( 'Direction', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_sidr_direction', 'priority' => 10, 'choices' => array( 'left' => esc_html__( 'Left', 'oceanwp' ), 'right' => esc_html__( 'Right', 'oceanwp' ), ), 'active_callback' => 'oceanwp_cac_has_sidebar_mobile_menu', ) ) ); /** * Drop Down Mobile Menu Max Height */ $wp_customize->add_setting( 'ocean_dropdown_mobile_menu_max_height', array( 'transport' => 'postMessage', 'default' => '400', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_control( new OceanWP_Customizer_Range_Control( $wp_customize, 'ocean_dropdown_mobile_menu_max_height', array( 'label' => esc_html__( 'Drop Down Max Height (px)', 'oceanwp' ), 'description' => esc_html__( 'Add the height from which you want to display the scrollbar in the drop down', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_dropdown_mobile_menu_max_height', 'priority' => 10, 'input_attrs' => array( 'min' => 0, 'max' => 1000, 'step' => 1, ), 'active_callback' => 'oceanwp_cac_has_dropdown_mobile_menu', ) ) ); /** * Mobile Menu Displace */ $wp_customize->add_setting( 'ocean_mobile_menu_sidr_displace', array( 'default' => true, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_sidr_displace', array( 'label' => esc_html__( 'Displace', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_sidr_displace', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_sidebar_mobile_menu', ) ) ); /** * Close Menu Button */ $wp_customize->add_setting( 'ocean_mobile_menu_close_btn', array( 'default' => true, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_close_btn', array( 'label' => esc_html__( 'Close Menu Button', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_close_btn', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_sidebar_mobile_menu', ) ) ); /** * Close Menu Button Icon Class */ $wp_customize->add_setting( 'ocean_mobile_menu_close_btn_icon', array( 'default' => 'fas fa-times', 'transport' => 'postMessage', 'sanitize_callback' => 'wp_filter_nohtml_kses', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_close_btn_icon', array( 'label' => esc_html__( 'Close Menu Button Icon Class', 'oceanwp' ), 'description' => esc_html__( 'Enter the full icon class', 'oceanwp' ), 'type' => 'text', 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_close_btn_icon', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_sidebar_mobile_menu', ) ) ); /** * Close Menu Button Text */ $wp_customize->add_setting( 'ocean_mobile_menu_close_btn_text', array( 'default' => esc_html__( 'Close Menu', 'oceanwp' ), 'transport' => 'postMessage', 'sanitize_callback' => 'wp_kses_post', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_close_btn_text', array( 'label' => esc_html__( 'Close Menu Button Text', 'oceanwp' ), 'type' => 'text', 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_close_btn_text', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_sidebar_mobile_menu', ) ) ); /** * Mobile Menu Dropdown Target */ $wp_customize->add_setting( 'ocean_mobile_menu_sidr_dropdown_target', array( 'default' => 'link', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new OceanWP_Customizer_Buttonset_Control( $wp_customize, 'ocean_mobile_menu_sidr_dropdown_target', array( 'label' => esc_html__( 'Dropdown Target', 'oceanwp' ), 'description' => esc_html__( 'Choose your opening target for your submenus', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_sidr_dropdown_target', 'priority' => 10, 'choices' => array( 'icon' => esc_html__( 'Icon', 'oceanwp' ), 'link' => esc_html__( 'Link', 'oceanwp' ), ), 'active_callback' => 'oceanwp_cac_hasnt_fullscreen_mobile_menu', ) ) ); /** * Mobile Menu Search */ $wp_customize->add_setting( 'ocean_mobile_menu_search', array( 'default' => true, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_search', array( 'label' => esc_html__( 'Mobile Menu Search', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_search', 'priority' => 10, ) ) ); /** * Mobile Menu Search Icon */ $wp_customize->add_setting( 'ocean_mobile_menu_search_icon', array( 'sanitize_callback' => 'wp_kses', ) ); $wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_mobile_menu_search_icon', array( 'label' => esc_html__( 'Mobile Header Search Icon', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'priority' => 10, ) ) ); /** * Search Icon Style */ $wp_customize->add_setting( 'ocean_mobile_menu_search_style', array( 'default' => 'disabled', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_search_style', array( 'label' => esc_html__( 'Search Icon Style', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_search_style', 'priority' => 10, 'choices' => array( 'disabled' => esc_html__( 'Disabled','oceanwp' ), 'drop_down' => esc_html__( 'Drop Down','oceanwp' ), 'overlay' => esc_html__( 'Overlay','oceanwp' ), ), ) ) ); /** * Mobile Menu Styling */ $wp_customize->add_setting( 'ocean_mobile_menu_styling_heading', array( 'sanitize_callback' => 'wp_kses', ) ); $wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_mobile_menu_styling_heading', array( 'label' => esc_html__( 'Styling: Mobile Menu', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'priority' => 10, ) ) ); /** * Mobile Menu Close Button Background */ $wp_customize->add_setting( 'ocean_mobile_menu_sidr_close_button_background', array( 'transport' => 'postMessage', 'default' => '#f8f8f8', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_sidr_close_button_background', array( 'label' => esc_html__( 'Close Button Background', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_sidr_close_button_background', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_sidebar_mobile_menu', ) ) ); /** * Mobile Menu Background */ $wp_customize->add_setting( 'ocean_mobile_menu_sidr_background', array( 'transport' => 'postMessage', 'default' => '#ffffff', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_sidr_background', array( 'label' => esc_html__( 'Background Color', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_sidr_background', 'priority' => 10, 'active_callback' => 'oceanwp_cac_hasnt_fullscreen_mobile_menu', ) ) ); /** * Full Screen Mobile Menu Background */ $wp_customize->add_setting( 'ocean_full_screen_mobile_menu_bg', array( 'transport' => 'postMessage', 'default' => 'rgba(0,0,0,0.9)', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_mobile_menu_bg', array( 'label' => esc_html__( 'Background Color', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_full_screen_mobile_menu_bg', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_fullscreen_mobile_menu', ) ) ); /** * Mobile Menu Background */ $wp_customize->add_setting( 'ocean_mobile_menu_sidr_borders', array( 'transport' => 'postMessage', 'default' => 'rgba(0,0,0,0.035)', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_sidr_borders', array( 'label' => esc_html__( 'Borders Color', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_sidr_borders', 'priority' => 10, 'active_callback' => 'oceanwp_cac_hasnt_fullscreen_mobile_menu', ) ) ); /** * Mobile Menu Links Color */ $wp_customize->add_setting( 'ocean_mobile_menu_links', array( 'transport' => 'postMessage', 'default' => '#555555', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_links', array( 'label' => esc_html__( 'Links Color', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_links', 'priority' => 10, ) ) ); /** * Mobile Menu Links Hover Color */ $wp_customize->add_setting( 'ocean_mobile_menu_links_hover', array( 'transport' => 'postMessage', 'default' => '#13aff0', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_links_hover', array( 'label' => esc_html__( 'Links Color: Hover', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_links_hover', 'priority' => 10, ) ) ); /** * Mobile Menu Links Background Color */ $wp_customize->add_setting( 'ocean_full_screen_mobile_menu_links_bg', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_mobile_menu_links_bg', array( 'label' => esc_html__( 'Links Background Color', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_full_screen_mobile_menu_links_bg', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_fullscreen_mobile_menu', ) ) ); /** * Mobile Menu Links Hover Background Color */ $wp_customize->add_setting( 'ocean_full_screen_mobile_menu_links_hover_bg', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_mobile_menu_links_hover_bg', array( 'label' => esc_html__( 'Links Background Color: Hover', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_full_screen_mobile_menu_links_hover_bg', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_fullscreen_mobile_menu', ) ) ); /** * Mobile Menu Background Color */ $wp_customize->add_setting( 'ocean_mobile_menu_sidr_dropdowns_background', array( 'transport' => 'postMessage', 'default' => 'rgba(0,0,0,0.02)', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_sidr_dropdowns_background', array( 'label' => esc_html__( 'Dropdowns Menus: Background', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_sidr_dropdowns_background', 'priority' => 10, ) ) ); /** * Mobile Menu Searchbar Background */ $wp_customize->add_setting( 'ocean_mobile_menu_sidr_search_bg', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_sidr_search_bg', array( 'label' => esc_html__( 'Searchbar Background', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_sidr_search_bg', 'priority' => 10, 'active_callback' => 'oceanwp_cac_hasnt_fullscreen_mobile_menu', ) ) ); /** * Mobile Menu Searchbar Color */ $wp_customize->add_setting( 'ocean_mobile_menu_sidr_search_color', array( 'transport' => 'postMessage', 'default' => '#333333', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_sidr_search_color', array( 'label' => esc_html__( 'Searchbar Color', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_sidr_search_color', 'priority' => 10, ) ) ); /** * Mobile Menu Searchbar Border Color */ $wp_customize->add_setting( 'ocean_mobile_menu_sidr_search_border_color', array( 'transport' => 'postMessage', 'default' => '#dddddd', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_sidr_search_border_color', array( 'label' => esc_html__( 'Searchbar Border Color', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_sidr_search_border_color', 'priority' => 10, ) ) ); /** * Full Screen Mobile Menu Searchbar Hover Border Color */ $wp_customize->add_setting( 'ocean_full_screen_mobile_menu_search_border_color_hover', array( 'transport' => 'postMessage', 'default' => '#ffffff', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_mobile_menu_search_border_color_hover', array( 'label' => esc_html__( 'Searchbar Border Color: Hover', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_full_screen_mobile_menu_search_border_color_hover', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_fullscreen_mobile_menu', ) ) ); /** * Mobile Menu Searchbar Focus Border Color */ $wp_customize->add_setting( 'ocean_mobile_menu_sidr_search_border_color_focus', array( 'transport' => 'postMessage', 'default' => '#bbbbbb', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_sidr_search_border_color_focus', array( 'label' => esc_html__( 'Searchbar Border Color: Focus', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_sidr_search_border_color_focus', 'priority' => 10, ) ) ); /** * Mobile Menu Searchbar Button Color */ $wp_customize->add_setting( 'ocean_mobile_menu_sidr_search_button_color', array( 'transport' => 'postMessage', 'default' => '#555555', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_sidr_search_button_color', array( 'label' => esc_html__( 'Searchbar Button Color', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_sidr_search_button_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_hasnt_fullscreen_mobile_menu', ) ) ); /** * Mobile Menu Searchbar Hover Button Color */ $wp_customize->add_setting( 'ocean_mobile_menu_sidr_search_button_hover_color', array( 'transport' => 'postMessage', 'default' => '#222222', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_sidr_search_button_hover_color', array( 'label' => esc_html__( 'Searchbar Button Color: Hover', 'oceanwp' ), 'section' => 'ocean_header_mobile_menu', 'settings' => 'ocean_mobile_menu_sidr_search_button_hover_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_hasnt_fullscreen_mobile_menu', ) ) ); } /** * Get WP menus * * @since 1.3.7 */ private static function get_wp_menus() { $menus = array( esc_html__( 'Select Your Menu', 'oceanwp' ) ); $get_menus = get_terms( 'nav_menu', array( 'hide_empty' => true ) ); foreach ( $get_menus as $menu) { $menus[$menu->term_id] = $menu->name; } return $menus; } /** * Get CSS * * @since 1.0.0 */ public static function head_css( $output ) { // Get header & mobile styles $header_style = oceanwp_header_style(); $mobile_style = oceanwp_mobile_menu_style(); // Global vars $header_height = get_theme_mod( 'ocean_header_height', '74' ); $mobile_header_height = get_theme_mod( 'ocean_mobile_header_height' ); $top_height = get_theme_mod( 'ocean_top_header_height', '40' ); $header_background = get_theme_mod( 'ocean_header_background', '#ffffff' ); $header_border_bottom = get_theme_mod( 'ocean_header_border_bottom', '#f1f1f1' ); $header_top_padding = get_theme_mod( 'ocean_header_top_padding', '0' ); $header_right_padding = get_theme_mod( 'ocean_header_right_padding', '0' ); $header_bottom_padding = get_theme_mod( 'ocean_header_bottom_padding', '0' ); $header_left_padding = get_theme_mod( 'ocean_header_left_padding', '0' ); $tablet_header_top_padding = get_theme_mod( 'ocean_header_tablet_top_padding' ); $tablet_header_right_padding = get_theme_mod( 'ocean_header_tablet_right_padding' ); $tablet_header_bottom_padding = get_theme_mod( 'ocean_header_tablet_bottom_padding' ); $tablet_header_left_padding = get_theme_mod( 'ocean_header_tablet_left_padding' ); $mobile_header_top_padding = get_theme_mod( 'ocean_header_mobile_top_padding' ); $mobile_header_right_padding = get_theme_mod( 'ocean_header_mobile_right_padding' ); $mobile_header_bottom_padding = get_theme_mod( 'ocean_header_mobile_bottom_padding' ); $mobile_header_left_padding = get_theme_mod( 'ocean_header_mobile_left_padding' ); $ransparent_header_bg = get_theme_mod( 'ocean_transparent_header_bg' ); $top_header_menu_background = get_theme_mod( 'ocean_top_header_menu_background', '#ffffff' ); $top_header_search_button_border_color = get_theme_mod( 'ocean_top_header_search_button_border_color', '#f1f1f1' ); $top_header_search_button_color = get_theme_mod( 'ocean_top_header_search_button_color', '#333333' ); $top_header_search_button_hover_color = get_theme_mod( 'ocean_top_header_search_button_hover_color', '#13aff0' ); $full_screen_header_menu_bar_color = get_theme_mod( 'ocean_full_screen_header_menu_bar_color', '#333333' ); $full_screen_header_menu_bar_close_color = get_theme_mod( 'ocean_full_screen_header_menu_bar_close_color', '#ffffff' ); $full_screen_header_bg = get_theme_mod( 'ocean_full_screen_header_bg', 'rgba(0,0,0,0.9)' ); $full_screen_header_links_bg_color = get_theme_mod( 'ocean_full_screen_header_links_bg_color' ); $full_screen_header_links_hover_bg_color = get_theme_mod( 'ocean_full_screen_header_links_hover_bg_color' ); $full_screen_header_links_color = get_theme_mod( 'ocean_full_screen_header_links_color', '#ffffff' ); $full_screen_header_links_hover_color = get_theme_mod( 'ocean_full_screen_header_links_hover_color', '#929292' ); $full_screen_header_search_color = get_theme_mod( 'ocean_full_screen_header_search_color', '#ffffff' ); $full_screen_header_search_dashed_bg = get_theme_mod( 'ocean_full_screen_header_search_dashed_bg', '#ffffff' ); $full_screen_header_search_border_color = get_theme_mod( 'ocean_full_screen_header_search_border_color', '#666666' ); $full_screen_header_search_hover_border_color = get_theme_mod( 'ocean_full_screen_header_search_hover_border_color', '#ffffff' ); $full_screen_header_search_focus_border_color = get_theme_mod( 'ocean_full_screen_header_search_focus_border_color', '#ffffff' ); $medium_header_top_header_top_padding = get_theme_mod( 'ocean_medium_header_top_header_top_padding', '30' ); $medium_header_top_header_bottom_padding = get_theme_mod( 'ocean_medium_header_top_header_bottom_padding', '30' ); $medium_header_top_header_tablet_top_padding = get_theme_mod( 'ocean_medium_header_top_header_tablet_top_padding' ); $medium_header_top_header_tablet_bottom_padding = get_theme_mod( 'ocean_medium_header_top_header_tablet_bottom_padding' ); $medium_header_top_header_mobile_top_padding = get_theme_mod( 'ocean_medium_header_top_header_mobile_top_padding' ); $medium_header_top_header_mobile_bottom_padding = get_theme_mod( 'ocean_medium_header_top_header_mobile_bottom_padding' ); $medium_header_sticky_top_header_top_padding = get_theme_mod( 'ocean_medium_header_sticky_top_header_top_padding', '20' ); $medium_header_sticky_top_header_bottom_padding = get_theme_mod( 'ocean_medium_header_sticky_top_header_bottom_padding', '20' ); $medium_header_sticky_top_header_tablet_top_padding = get_theme_mod( 'ocean_medium_header_sticky_top_header_tablet_top_padding' ); $medium_header_sticky_top_header_tablet_bottom_padding = get_theme_mod( 'ocean_medium_header_sticky_top_header_tablet_bottom_padding' ); $medium_header_sticky_top_header_mobile_top_padding = get_theme_mod( 'ocean_medium_header_sticky_top_header_mobile_top_padding' ); $medium_header_sticky_top_header_mobile_bottom_padding = get_theme_mod( 'ocean_medium_header_sticky_top_header_mobile_bottom_padding' ); $medium_header_menu_height = get_theme_mod( 'ocean_medium_header_menu_height', '60' ); $medium_header_menu_position = get_theme_mod( 'ocean_medium_header_menu_position', 'center-menu' ); $medium_header_menu_items_right_padding = get_theme_mod( 'ocean_medium_header_menu_items_right_padding', '22' ); $medium_header_menu_items_left_padding = get_theme_mod( 'ocean_medium_header_menu_items_left_padding', '22' ); $medium_header_menu_items_tablet_right_padding = get_theme_mod( 'ocean_medium_header_menu_items_tablet_right_padding' ); $medium_header_menu_items_tablet_left_padding = get_theme_mod( 'ocean_medium_header_menu_items_tablet_left_padding' ); $medium_header_menu_items_mobile_right_padding = get_theme_mod( 'ocean_medium_header_menu_items_mobile_right_padding' ); $medium_header_menu_items_mobile_left_padding = get_theme_mod( 'ocean_medium_header_menu_items_mobile_left_padding' ); $medium_header_top_header_bg = get_theme_mod( 'ocean_medium_header_top_header_bg', '#ffffff' ); $medium_header_menu_bg = get_theme_mod( 'ocean_medium_header_menu_bg', '#f9f9f9' ); $medium_header_search_bg = get_theme_mod( 'ocean_medium_header_search_bg', '#f5f5f5' ); $medium_header_search_color = get_theme_mod( 'ocean_medium_header_search_color', '#333333' ); $medium_header_search_placeholder_color = get_theme_mod( 'ocean_medium_header_search_placeholder_color', '#333333' ); $medium_header_search_button_color = get_theme_mod( 'ocean_medium_header_search_button_color', '#333333' ); $medium_header_search_button_hover_color = get_theme_mod( 'ocean_medium_header_search_button_hover_color', '#13aff0' ); $vertical_header_collapse_width = get_theme_mod( 'ocean_vertical_header_collapse_width', '1280' ); $vertical_header_width = get_theme_mod( 'ocean_vertical_header_width', '300' ); $vertical_header_inner_top_padding = get_theme_mod( 'ocean_vertical_header_inner_top_padding', '30' ); $vertical_header_inner_right_padding = get_theme_mod( 'ocean_vertical_header_inner_right_padding', '30' ); $vertical_header_inner_bottom_padding = get_theme_mod( 'ocean_vertical_header_inner_bottom_padding', '30' ); $vertical_header_inner_left_padding = get_theme_mod( 'ocean_vertical_header_inner_left_padding', '30' ); $tablet_vertical_header_inner_top_padding = get_theme_mod( 'ocean_vertical_header_inner_tablet_top_padding' ); $tablet_vertical_header_inner_right_padding = get_theme_mod( 'ocean_vertical_header_inner_tablet_right_padding' ); $tablet_vertical_header_inner_bottom_padding = get_theme_mod( 'ocean_vertical_header_inner_tablet_bottom_padding' ); $tablet_vertical_header_inner_left_padding = get_theme_mod( 'ocean_vertical_header_inner_tablet_left_padding' ); $mobile_vertical_header_inner_top_padding = get_theme_mod( 'ocean_vertical_header_inner_mobile_top_padding' ); $mobile_vertical_header_inner_right_padding = get_theme_mod( 'ocean_vertical_header_inner_mobile_right_padding' ); $mobile_vertical_header_inner_bottom_padding = get_theme_mod( 'ocean_vertical_header_inner_mobile_bottom_padding' ); $mobile_vertical_header_inner_left_padding = get_theme_mod( 'ocean_vertical_header_inner_mobile_left_padding' ); $vertical_header_menu_items_padding = get_theme_mod( 'ocean_vertical_header_menu_items_padding', '17' ); $vertical_header_menu_items_border_color = get_theme_mod( 'ocean_vertical_header_menu_items_border_color', 'rgba(0,0,0,0.05)' ); $vertical_header_sub_menu_bg = get_theme_mod( 'ocean_vertical_header_sub_menu_bg', 'rgba(0,0,0,0.03)' ); $vertical_header_sub_menu_sub_menu_links_color = get_theme_mod( 'ocean_vertical_header_sub_menu_links_color', '#333333' ); $vertical_header_sub_menu_links_hover_color = get_theme_mod( 'ocean_vertical_header_sub_menu_links_hover_color', '#555555' ); $vertical_header_sub_menu_links_bg = get_theme_mod( 'ocean_vertical_header_sub_menu_links_bg' ); $vertical_header_sub_menu_links_hover_bg = get_theme_mod( 'ocean_vertical_header_sub_menu_links_hover_bg', '#f8f8f8' ); $vertical_header_search_border_width = get_theme_mod( 'ocean_vertical_header_search_border_width' ); $vertical_header_search_border_radius = get_theme_mod( 'ocean_vertical_header_search_border_radius' ); $vertical_header_search_bg = get_theme_mod( 'ocean_vertical_header_search_bg', 'rgba(0,0,0,0.03)' ); $vertical_header_search_color = get_theme_mod( 'ocean_vertical_header_search_color', '#333333' ); $vertical_header_search_btn_color = get_theme_mod( 'ocean_vertical_header_search_btn_color', '#777777' ); $vertical_header_search_border_color = get_theme_mod( 'ocean_vertical_header_search_border_color', 'rgba(0,0,0,0.04)' ); $vertical_header_search_hover_border_color = get_theme_mod( 'ocean_vertical_header_search_hover_border_color' ); $vertical_header_search_focus_border_color = get_theme_mod( 'ocean_vertical_header_search_focus_border_color' ); $vertical_header_search_btn_hover_color = get_theme_mod( 'ocean_vertical_header_search_btn_hover_color', '#333333' ); $vertical_header_hamburger_color = get_theme_mod( 'ocean_vertical_header_hamburger_color', '#000000' ); $header_image_overlay_color = get_theme_mod( 'ocean_header_image_overlay_color', 'rgba(0,0,0,0.5)' ); $logo_max_width = get_theme_mod( 'ocean_logo_max_width' ); $logo_max_width_tablet = get_theme_mod( 'ocean_logo_max_width_tablet' ); $logo_max_width_mobile = get_theme_mod( 'ocean_logo_max_width_mobile' ); $logo_max_height = get_theme_mod( 'ocean_logo_max_height' ); $logo_max_height_tablet = get_theme_mod( 'ocean_logo_max_height_tablet' ); $logo_max_height_mobile = get_theme_mod( 'ocean_logo_max_height_mobile' ); $logo_color = get_theme_mod( 'ocean_logo_color', '#333333' ); $logo_hover_color = get_theme_mod( 'ocean_logo_hover_color', '#13aff0' ); $responsive_logo_height = get_theme_mod( 'ocean_responsive_logo_height' ); $search_dropdown_input_bg = get_theme_mod( 'ocean_search_dropdown_input_background' ); $search_dropdown_input_color = get_theme_mod( 'ocean_search_dropdown_input_color', '#333333' ); $search_dropdown_input_border = get_theme_mod( 'ocean_search_dropdown_input_border', '#dddddd' ); $search_dropdown_input_border_focus = get_theme_mod( 'ocean_search_dropdown_input_border_focus', '#bbbbbb' ); $search_overlay_bg = get_theme_mod( 'ocean_search_overlay_bg', 'rgba(0,0,0,0.9)' ); $search_overlay_input_color = get_theme_mod( 'ocean_search_overlay_input_color', '#ffffff' ); $search_overlay_placeholder_color = get_theme_mod( 'ocean_search_overlay_placeholder_color', '#ffffff' ); $search_overlay_input_dashed_bg = get_theme_mod( 'ocean_search_overlay_input_dashed_bg', '#ffffff' ); $search_overlay_input_border = get_theme_mod( 'ocean_search_overlay_input_border_color', '#444444' ); $search_overlay_input_border_hover = get_theme_mod( 'ocean_search_overlay_input_hover_border_color', '#777777' ); $search_overlay_input_border_focus = get_theme_mod( 'ocean_search_overlay_input_focus_border_color', '#ffffff' ); $search_overlay_close_button_color = get_theme_mod( 'ocean_search_overlay_close_button_color', '#ffffff' ); $links_effect_blue_color = get_theme_mod( 'ocean_menu_links_effect_blue_color', '#13aff0' ); $links_effect_dark_color = get_theme_mod( 'ocean_menu_links_effect_dark_color', 'rgba(0,0,0,0.1)' ); $menu_items_padding = get_theme_mod( 'ocean_menu_items_padding', '15' ); $menu_link_color = get_theme_mod( 'ocean_menu_link_color', '#555555' ); $menu_link_color_hover = get_theme_mod( 'ocean_menu_link_color_hover', '#13aff0' ); $menu_link_color_active = get_theme_mod( 'ocean_menu_link_color_active', '#555555' ); $menu_link_background = get_theme_mod( 'ocean_menu_link_background' ); $menu_link_hover_background = get_theme_mod( 'ocean_menu_link_hover_background' ); $menu_link_active_background = get_theme_mod( 'ocean_menu_link_active_background' ); $dropdown_width = get_theme_mod( 'ocean_dropdown_width', '180' ); $dropdown_menu_background = get_theme_mod( 'ocean_dropdown_menu_background', '#ffffff' ); $dropdown_menu_top_border = get_theme_mod( 'ocean_dropdown_menu_top_border', '#13aff0' ); $dropdown_menu_borders = get_theme_mod( 'ocean_dropdown_menu_borders', '#f1f1f1' ); $dropdown_menu_link_color = get_theme_mod( 'ocean_dropdown_menu_link_color', '#333333' ); $dropdown_menu_link_color_hover = get_theme_mod( 'ocean_dropdown_menu_link_color_hover', '#555555' ); $dropdown_menu_link_hover_bg = get_theme_mod( 'ocean_dropdown_menu_link_hover_bg', '#f8f8f8' ); $dropdown_menu_link_color_active = get_theme_mod( 'ocean_dropdown_menu_link_color_active' ); $dropdown_menu_link_bg_active = get_theme_mod( 'ocean_dropdown_menu_link_bg_active' ); $dropdown_category_title_bg = get_theme_mod( 'ocean_dropdown_category_title_bg', '#f8f8f8' ); $dropdown_category_title_color = get_theme_mod( 'ocean_dropdown_category_title_color', '#222222' ); $dropdown_category_links_color = get_theme_mod( 'ocean_dropdown_category_links_color', '#555555' ); $dropdown_category_links_hover_color = get_theme_mod( 'ocean_dropdown_category_links_hover_color', '#333333' ); $dropdown_category_date_color = get_theme_mod( 'ocean_dropdown_category_date_color', '#bbbbbb' ); $menu_social_font_size = get_theme_mod( 'ocean_menu_social_font_size' ); $menu_social_tablet_font_size = get_theme_mod( 'ocean_menu_social_tablet_font_size' ); $menu_social_mobile_font_size = get_theme_mod( 'ocean_menu_social_mobile_font_size' ); $menu_social_top_padding = get_theme_mod( 'ocean_menu_social_top_padding' ); $menu_social_right_padding = get_theme_mod( 'ocean_menu_social_right_padding' ); $menu_social_bottom_padding = get_theme_mod( 'ocean_menu_social_bottom_padding' ); $menu_social_left_padding = get_theme_mod( 'ocean_menu_social_left_padding' ); $menu_social_tablet_top_padding = get_theme_mod( 'ocean_menu_social_tablet_top_padding' ); $menu_social_tablet_right_padding = get_theme_mod( 'ocean_menu_social_tablet_right_padding' ); $menu_social_tablet_bottom_padding = get_theme_mod( 'ocean_menu_social_tablet_bottom_padding' ); $menu_social_tablet_left_padding = get_theme_mod( 'ocean_menu_social_tablet_left_padding' ); $menu_social_mobile_top_padding = get_theme_mod( 'ocean_menu_social_mobile_top_padding' ); $menu_social_mobile_right_padding = get_theme_mod( 'ocean_menu_social_mobile_right_padding' ); $menu_social_mobile_bottom_padding = get_theme_mod( 'ocean_menu_social_mobile_bottom_padding' ); $menu_social_mobile_left_padding = get_theme_mod( 'ocean_menu_social_mobile_left_padding' ); $menu_social_right_margin = get_theme_mod( 'ocean_menu_social_right_margin' ); $menu_social_left_margin = get_theme_mod( 'ocean_menu_social_left_margin' ); $menu_social_tablet_right_margin = get_theme_mod( 'ocean_menu_social_tablet_right_margin' ); $menu_social_tablet_left_margin = get_theme_mod( 'ocean_menu_social_tablet_left_margin' ); $menu_social_mobile_right_margin = get_theme_mod( 'ocean_menu_social_mobile_right_margin' ); $menu_social_mobile_left_margin = get_theme_mod( 'ocean_menu_social_mobile_left_margin' ); $menu_social_border_radius = get_theme_mod( 'ocean_menu_social_border_radius' ); $menu_social_links_bg = get_theme_mod( 'ocean_menu_social_links_bg' ); $menu_social_hover_links_bg = get_theme_mod( 'ocean_menu_social_hover_links_bg' ); $menu_social_links_color = get_theme_mod( 'ocean_menu_social_links_color' ); $menu_social_hover_links_color = get_theme_mod( 'ocean_menu_social_hover_links_color' ); $mobile_menu_breakpoint = get_theme_mod( 'ocean_mobile_menu_breakpoints', '959' ); $mobile_menu_custom_breakpoint = get_theme_mod( 'ocean_mobile_menu_custom_breakpoint' ); $mobile_menu_open_hamburger_color = get_theme_mod( 'ocean_mobile_menu_open_hamburger_color', '#000000' ); $dropdown_mobile_menu_max_height = get_theme_mod( 'ocean_dropdown_mobile_menu_max_height', '400' ); $mobile_menu_sidr_close_button_bg = get_theme_mod( 'ocean_mobile_menu_sidr_close_button_background', '#f8f8f8' ); $mobile_menu_sidr_background = get_theme_mod( 'ocean_mobile_menu_sidr_background', '#ffffff' ); $full_screen_mobile_menu_bg = get_theme_mod( 'ocean_full_screen_mobile_menu_bg', 'rgba(0,0,0,0.9)' ); $mobile_menu_sidr_borders = get_theme_mod( 'ocean_mobile_menu_sidr_borders', 'rgba(0,0,0,0.035)' ); $mobile_menu_links = get_theme_mod( 'ocean_mobile_menu_links', '#555555' ); $mobile_menu_links_hover = get_theme_mod( 'ocean_mobile_menu_links_hover', '#13aff0' ); $full_screen_mobile_menu_links_bg = get_theme_mod( 'ocean_full_screen_mobile_menu_links_bg' ); $full_screen_mobile_menu_links_hover_bg = get_theme_mod( 'ocean_full_screen_mobile_menu_links_hover_bg' ); $mobile_menu_sidr_dropdowns_bg = get_theme_mod( 'ocean_mobile_menu_sidr_dropdowns_background', 'rgba(0,0,0,0.02)' ); $mobile_menu_sidr_search_bg = get_theme_mod( 'ocean_mobile_menu_sidr_search_bg' ); $mobile_menu_sidr_search_color = get_theme_mod( 'ocean_mobile_menu_sidr_search_color', '#333333' ); $mobile_menu_sidr_search_border_color = get_theme_mod( 'ocean_mobile_menu_sidr_search_border_color', '#dddddd' ); $full_screen_mobile_menu_search_border_color_hover = get_theme_mod( 'ocean_full_screen_mobile_menu_search_border_color_hover', '#ffffff' ); $mobile_menu_sidr_search_border_color_focus = get_theme_mod( 'ocean_mobile_menu_sidr_search_border_color_focus', '#bbbbbb' ); $mobile_menu_sidr_search_button_color = get_theme_mod( 'ocean_mobile_menu_sidr_search_button_color', '#555555' ); $mobile_menu_sidr_search_button_hover_color = get_theme_mod( 'ocean_mobile_menu_sidr_search_button_hover_color', '#222222' ); // Filters to altering settings via the metabox $logo_max_width = apply_filters( 'ocean_logo_max_width', $logo_max_width ); $logo_max_width_tablet = apply_filters( 'ocean_logo_max_width_tablet', $logo_max_width_tablet ); $logo_max_width_mobile = apply_filters( 'ocean_logo_max_width_mobile', $logo_max_width_mobile ); $logo_max_height = apply_filters( 'ocean_logo_max_height', $logo_max_height ); $logo_max_height_tablet = apply_filters( 'ocean_logo_max_height_tablet', $logo_max_height_tablet ); $logo_max_height_mobile = apply_filters( 'ocean_logo_max_height_mobile', $logo_max_height_mobile ); $menu_link_color = apply_filters( 'ocean_menu_link_color', $menu_link_color ); $menu_link_color_hover = apply_filters( 'ocean_menu_link_color_hover', $menu_link_color_hover ); $menu_link_color_active = apply_filters( 'ocean_menu_link_color_active', $menu_link_color_active ); $menu_link_background = apply_filters( 'ocean_menu_link_background', $menu_link_background ); $menu_link_hover_background = apply_filters( 'ocean_menu_link_hover_background', $menu_link_hover_background ); $menu_link_active_background = apply_filters( 'ocean_menu_link_active_background', $menu_link_active_background ); $menu_social_links_bg = apply_filters( 'ocean_menu_social_links_bg', $menu_social_links_bg ); $menu_social_hover_links_bg = apply_filters( 'ocean_menu_social_hover_links_bg', $menu_social_hover_links_bg ); $menu_social_links_color = apply_filters( 'ocean_menu_social_links_color', $menu_social_links_color ); $menu_social_hover_links_color = apply_filters( 'ocean_menu_social_hover_links_color', $menu_social_hover_links_color ); // Define css var $css = ''; // Add header height if ( ( 'top' != $header_style && 'medium' != $header_style ) && ! empty( $header_height ) && '74' != $header_height ) { if ( 'custom' != $header_style ) { $css .= '#site-logo #site-logo-inner,.oceanwp-social-menu .social-menu-inner,#site-header.full_screen-header .menu-bar-inner,.after-header-content .after-header-content-inner{height:'. $header_height .'px;}'; } $css .= '#site-navigation-wrap .dropdown-menu > li > a,.oceanwp-mobile-menu-icon a,.mobile-menu-close,.after-header-content-inner > a{line-height:'. $header_height .'px;}'; } // Add header height for top header style if ( 'top' == $header_style && ! empty( $top_height ) && '40' != $top_height ) { $css .= '#site-header.top-header .oceanwp-social-menu,#site-header.top-header #search-toggle{height:'. $top_height .'px;}'; $css .= '#site-header.top-header #site-navigation-wrap .dropdown-menu > li > a,#site-header.top-header .oceanwp-mobile-menu-icon a,.mobile-menu-close{line-height:'. $top_height .'px;}'; } // Add mobile header height if ( ( 'top' != $header_style && 'medium' != $header_style ) && ! empty( $mobile_header_height ) ) { if ( 'custom' != $header_style ) { $css .= '@media only screen and (max-width: 959px) {body.default-breakpoint #site-logo #site-logo-inner{height:'. $mobile_header_height .'px;}}'; } $css .= '@media only screen and (max-width: 959px) {body.default-breakpoint .oceanwp-mobile-menu-icon a,.mobile-menu-close{line-height:'. $mobile_header_height .'px;}}'; } // Header background color if ( 'medium' != $header_style && ! empty( $header_background ) && '#ffffff' != $header_background ) { $css .= '#site-header,.has-transparent-header .is-sticky #site-header,.has-vh-transparent .is-sticky #site-header.vertical-header,#searchform-header-replace{background-color:'. $header_background .';}'; } // Header border color if ( ! empty( $header_border_bottom ) && '#f1f1f1' != $header_border_bottom ) { $css .= '#site-header{border-color:'. $header_border_bottom .';}'; } if ( 'medium' != $header_style || 'vertical' != $header_style ) { // Header padding if ( isset( $header_top_padding ) && '0' != $header_top_padding && '' != $header_top_padding || isset( $header_right_padding ) && '0' != $header_right_padding && '' != $header_right_padding || isset( $header_bottom_padding ) && '0' != $header_bottom_padding && '' != $header_bottom_padding || isset( $header_left_padding ) && '0' != $header_left_padding && '' != $header_left_padding ) { $css .= '#site-header-inner{padding:'. oceanwp_spacing_css( $header_top_padding, $header_right_padding, $header_bottom_padding, $header_left_padding ) .'}'; } // Tablet header padding if ( isset( $tablet_header_top_padding ) && '' != $tablet_header_top_padding || isset( $tablet_header_right_padding ) && '' != $tablet_header_right_padding || isset( $tablet_header_bottom_padding ) && '' != $tablet_header_bottom_padding || isset( $tablet_header_left_padding ) && '' != $tablet_header_left_padding ) { $css .= '@media (max-width: 768px){#site-header-inner{padding:'. oceanwp_spacing_css( $tablet_header_top_padding, $tablet_header_right_padding, $tablet_header_bottom_padding, $tablet_header_left_padding ) .'}}'; } // Mobile header padding if ( isset( $mobile_header_top_padding ) && '' != $mobile_header_top_padding || isset( $mobile_header_right_padding ) && '' != $mobile_header_right_padding || isset( $mobile_header_bottom_padding ) && '' != $mobile_header_bottom_padding || isset( $mobile_header_left_padding ) && '' != $mobile_header_left_padding ) { $css .= '@media (max-width: 480px){#site-header-inner{padding:'. oceanwp_spacing_css( $mobile_header_top_padding, $mobile_header_right_padding, $mobile_header_bottom_padding, $mobile_header_left_padding ) .'}}'; } } // Transparent header background color if ( 'transparent' == $header_style && ! empty( $ransparent_header_bg ) ) { $css .= '#site-header.transparent-header{background-color:'. $ransparent_header_bg .';}'; } // Top menu header style if ( 'top' == $header_style ) { // Menu background color if ( ! empty( $top_header_menu_background ) && '#ffffff' != $top_header_menu_background ) { $css .= '#site-header.top-header .header-top,#site-header.top-header #searchform-header-replace{background-color:'. $top_header_menu_background .';}'; } // Search button border color if ( ! empty( $top_header_search_button_border_color ) && '#f1f1f1' != $top_header_search_button_border_color ) { $css .= '#site-header.top-header #search-toggle{border-color:'. $top_header_search_button_border_color .';}'; } // Search button color if ( ! empty( $top_header_search_button_color ) && '#333333' != $top_header_search_button_color ) { $css .= '#site-header.top-header #search-toggle a{color:'. $top_header_search_button_color .';}'; } // Search button hover color if ( ! empty( $top_header_search_button_hover_color ) && '#13aff0' != $top_header_search_button_hover_color ) { $css .= '#site-header.top-header #search-toggle a:hover{color:'. $top_header_search_button_hover_color .';}'; } } // Full Screen header style if ( 'full_screen' == $header_style ) { // Menu bar color if ( ! empty( $full_screen_header_menu_bar_color ) && '#333333' != $full_screen_header_menu_bar_color ) { $css .= '#site-header.full_screen-header .menu-bar .ham,#site-header.full_screen-header .menu-bar .ham:before,#site-header.full_screen-header .menu-bar .ham:after{background-color:'. $full_screen_header_menu_bar_color .';}'; } // Menu bar close color if ( ! empty( $full_screen_header_menu_bar_close_color ) && '#ffffff' != $full_screen_header_menu_bar_close_color ) { $css .= '#site-header.full_screen-header .menu-bar.exit .ham:before,#site-header.full_screen-header .menu-bar.exit .ham:after{background-color:'. $full_screen_header_menu_bar_close_color .';}'; } // Background color if ( ! empty( $full_screen_header_bg ) && 'rgba(0,0,0,0.9)' != $full_screen_header_bg ) { $css .= '#site-header.full_screen-header #full-screen-menu{background-color:'. $full_screen_header_bg .';}'; } //Links background color if ( ! empty( $full_screen_header_links_bg_color ) ) { $css .= '#site-header.full_screen-header .fs-dropdown-menu li a{background-color:'. $full_screen_header_links_bg_color .';}'; } // Links hover background color if ( ! empty( $full_screen_header_links_hover_bg_color ) ) { $css .= '#site-header.full_screen-header .fs-dropdown-menu li a:hover{background-color:'. $full_screen_header_links_hover_bg_color .';}'; } // Links color if ( ! empty( $full_screen_header_links_color ) && '#ffffff' != $full_screen_header_links_color ) { $css .= '#site-header.full_screen-header .fs-dropdown-menu li a{color:'. $full_screen_header_links_color .';}'; } // Links hover color if ( ! empty( $full_screen_header_links_hover_color ) && '#929292' != $full_screen_header_links_hover_color ) { $css .= '#site-header.full_screen-header .fs-dropdown-menu li a:hover{color:'. $full_screen_header_links_hover_color .';}'; } // Search color if ( ! empty( $full_screen_header_search_color ) && '#ffffff' != $full_screen_header_search_color ) { $css .= '#site-header.full_screen-header .fs-dropdown-menu>li.search-toggle-li input,#site-header.full_screen-header .fs-dropdown-menu>li.search-toggle-li label{color:'. $full_screen_header_search_color .';}'; } // Search dashed background color if ( ! empty( $full_screen_header_search_dashed_bg ) && '#ffffff' != $full_screen_header_search_dashed_bg ) { $css .= '#site-header.full_screen-header .fs-dropdown-menu>li.search-toggle-li label i{background-color:'. $full_screen_header_search_dashed_bg .';}'; } // Search border color if ( ! empty( $full_screen_header_search_border_color ) && '#666666' != $full_screen_header_search_border_color ) { $css .= '#site-header.full_screen-header .fs-dropdown-menu>li.search-toggle-li input{border-color:'. $full_screen_header_search_border_color .';}'; } // Search hover border color if ( ! empty( $full_screen_header_search_hover_border_color ) && '#ffffff' != $full_screen_header_search_hover_border_color ) { $css .= '#site-header.full_screen-header .fs-dropdown-menu>li.search-toggle-li input:hover{border-color:'. $full_screen_header_search_hover_border_color .';}'; } // Search focus border color if ( ! empty( $full_screen_header_search_focus_border_color ) && '#ffffff' != $full_screen_header_search_focus_border_color ) { $css .= '#site-header.full_screen-header .fs-dropdown-menu>li.search-toggle-li input:focus{border-color:'. $full_screen_header_search_focus_border_color .';}'; } } // Medium header style if ( 'medium' == $header_style ) { // Add top header background for medium header style if ( ! empty( $medium_header_top_header_bg ) && '#ffffff' != $medium_header_top_header_bg ) { $css .= '#site-header.medium-header .top-header-wrap,.is-sticky #site-header.medium-header.is-transparent .top-header-wrap,#searchform-header-replace{background-color:'. $medium_header_top_header_bg .';}'; } // Top header padding if ( isset( $medium_header_top_header_top_padding ) && '30' != $medium_header_top_header_top_padding && '' != $medium_header_top_header_top_padding || isset( $medium_header_top_header_bottom_padding ) && '30' != $medium_header_top_header_bottom_padding && '' != $medium_header_sticky_top_header_bottom_padding ) { $css .= '#site-header.medium-header .top-header-wrap{padding:'. oceanwp_spacing_css( $medium_header_top_header_top_padding, '', $medium_header_top_header_bottom_padding, '' ) .'}'; } // Tablet top header padding if ( isset( $medium_header_top_header_tablet_top_padding ) && '' != $medium_header_top_header_tablet_top_padding || isset( $medium_header_top_header_tablet_bottom_padding ) && '' != $medium_header_top_header_tablet_bottom_padding ) { $css .= '@media (max-width: 768px){#site-header.medium-header .top-header-wrap{padding:'. oceanwp_spacing_css( $medium_header_top_header_tablet_top_padding, '', $medium_header_top_header_tablet_bottom_padding, '' ) .'}}'; } // Mobile top header padding if ( isset( $medium_header_top_header_mobile_top_padding ) && '' != $medium_header_top_header_mobile_top_padding || isset( $medium_header_top_header_mobile_bottom_padding ) && '' != $medium_header_top_header_mobile_bottom_padding ) { $css .= '@media (max-width: 480px){#site-header.medium-header .top-header-wrap{padding:'. oceanwp_spacing_css( $medium_header_top_header_mobile_top_padding, '', $medium_header_top_header_mobile_bottom_padding, '' ) .'}}'; } // Sticky top header padding if ( isset( $medium_header_sticky_top_header_top_padding ) && '20' != $medium_header_sticky_top_header_top_padding && '' != $medium_header_sticky_top_header_top_padding || isset( $medium_header_sticky_top_header_bottom_padding ) && '20' != $medium_header_sticky_top_header_bottom_padding && '' != $medium_header_sticky_top_header_bottom_padding ) { $css .= '.is-sticky #site-header.medium-header .top-header-wrap{padding:'. oceanwp_spacing_css( $medium_header_sticky_top_header_top_padding, '', $medium_header_sticky_top_header_bottom_padding, '' ) .'}'; } // Tablet sticky top header padding if ( isset( $medium_header_sticky_top_header_tablet_top_padding ) && '' != $medium_header_sticky_top_header_tablet_top_padding || isset( $medium_header_sticky_top_header_tablet_bottom_padding ) && '' != $medium_header_sticky_top_header_tablet_bottom_padding ) { $css .= '@media (max-width: 768px){.is-sticky #site-header.medium-header .top-header-wrap{padding:'. oceanwp_spacing_css( $medium_header_sticky_top_header_tablet_top_padding, '', $medium_header_sticky_top_header_tablet_bottom_padding, '' ) .'}}'; } // Mobile sticky top header padding if ( isset( $medium_header_sticky_top_header_mobile_top_padding ) && '' != $medium_header_sticky_top_header_mobile_top_padding || isset( $medium_header_sticky_top_header_mobile_bottom_padding ) && '' != $medium_header_sticky_top_header_mobile_bottom_padding ) { $css .= '@media (max-width: 480px){.is-sticky #site-header.medium-header .top-header-wrap{padding:'. oceanwp_spacing_css( $medium_header_sticky_top_header_mobile_top_padding, '', $medium_header_sticky_top_header_mobile_bottom_padding, '' ) .'}}'; } // Add height menu for medium header style if ( ! empty( $medium_header_menu_height ) && '60' != $medium_header_menu_height ) { $css .= '#site-header.medium-header #site-navigation-wrap .dropdown-menu > li > a,#site-header.medium-header .oceanwp-mobile-menu-icon a{line-height:'. $medium_header_menu_height .'px;}'; } // Header padding if ( isset( $medium_header_menu_items_right_padding ) && '22' != $medium_header_menu_items_right_padding && '' != $medium_header_menu_items_right_padding || isset( $medium_header_menu_items_left_padding ) && '22' != $medium_header_menu_items_left_padding && '' != $medium_header_menu_items_left_padding ) { $css .= '#site-header.medium-header #site-navigation-wrap .dropdown-menu > li > a{padding:'. oceanwp_spacing_css( '', $medium_header_menu_items_right_padding, '', $medium_header_menu_items_left_padding ) .'}'; } // Tablet header padding if ( isset( $medium_header_menu_items_tablet_right_padding ) && '' != $medium_header_menu_items_tablet_right_padding || isset( $medium_header_menu_items_tablet_left_padding ) && '' != $medium_header_menu_items_tablet_left_padding ) { $css .= '@media (max-width: 768px){#site-header.medium-header #site-navigation-wrap .dropdown-menu > li > a,#site-header.medium-header .oceanwp-mobile-menu-icon a{padding:'. oceanwp_spacing_css( '', $medium_header_menu_items_tablet_right_padding, '', $medium_header_menu_items_tablet_left_padding ) .'}}'; } // Mobile header padding if ( isset( $medium_header_menu_items_mobile_right_padding ) && '' != $medium_header_menu_items_mobile_right_padding || isset( $medium_header_menu_items_mobile_left_padding ) && '' != $medium_header_menu_items_mobile_left_padding ) { $css .= '@media (max-width: 480px){#site-header.medium-header #site-navigation-wrap .dropdown-menu > li > a,#site-header.medium-header .oceanwp-mobile-menu-icon a{padding:'. oceanwp_spacing_css( '', $medium_header_menu_items_mobile_right_padding, '', $medium_header_menu_items_mobile_left_padding ) .'}}'; } // Add left attr if left position for medium header style if ( 'left-menu' == $medium_header_menu_position ) { if ( ! empty( $medium_header_menu_items_left_padding ) && '22' != $medium_header_menu_items_left_padding ) { $css .= '#site-header.medium-header #site-navigation-wrap.left-menu #site-navigation{left:-'. $medium_header_menu_items_left_padding .'px}'; } if ( ! empty( $medium_header_menu_items_tablet_left_padding ) ) { $css .= '@media (max-width: 768px){#site-header.medium-header #site-navigation-wrap.left-menu #site-navigation{left:-'. $medium_header_menu_items_tablet_left_padding .'px}}'; } if ( ! empty( $medium_header_menu_items_mobile_left_padding ) ) { $css .= '@media (max-width: 480px){#site-header.medium-header #site-navigation-wrap.left-menu #site-navigation{left:-'. $medium_header_menu_items_mobile_left_padding .'px}}'; } } // Add right attr if right position for medium header style if ( 'right-menu' == $medium_header_menu_position ) { if ( ! empty( $medium_header_menu_items_right_padding ) && '22' != $medium_header_menu_items_right_padding ) { $css .= '#site-header.medium-header #site-navigation-wrap.left-menu #site-navigation{right:-'. $medium_header_menu_items_right_padding .'px}'; } if ( ! empty( $medium_header_menu_items_tablet_right_padding ) ) { $css .= '@media (max-width: 768px){#site-header.medium-header #site-navigation-wrap.left-menu #site-navigation{right:-'. $medium_header_menu_items_tablet_right_padding .'px}}'; } if ( ! empty( $medium_header_menu_items_mobile_right_padding ) ) { $css .= '@media (max-width: 480px){#site-header.medium-header #site-navigation-wrap.left-menu #site-navigation{right:-'. $medium_header_menu_items_mobile_right_padding .'px}}'; } } // Add menu background for medium header style if ( ! empty( $medium_header_menu_bg ) && '#f9f9f9' != $medium_header_menu_bg ) { $css .= '#site-header.medium-header #site-navigation-wrap,#site-header.medium-header .oceanwp-mobile-menu-icon,.is-sticky #site-header.medium-header.is-transparent #site-navigation-wrap,.is-sticky #site-header.medium-header.is-transparent .oceanwp-mobile-menu-icon,#site-header.medium-header.is-transparent .is-sticky #site-navigation-wrap,#site-header.medium-header.is-transparent .is-sticky .oceanwp-mobile-menu-icon{background-color:'. $medium_header_menu_bg .';}'; } // Add search background for medium header style if ( ! empty( $medium_header_search_bg ) && '#f5f5f5' != $medium_header_search_bg ) { $css .= '#site-header.medium-header #medium-searchform .search-bg{background-color:'. $medium_header_search_bg .';}'; } // Add search color for medium header style if ( ! empty( $medium_header_search_color ) && '#333333' != $medium_header_search_color ) { $css .= '#site-header.medium-header #medium-searchform input{color:'. $medium_header_search_color .';}'; } // Add search label color for medium header style if ( ! empty( $medium_header_search_placeholder_color ) && '#333333' != $medium_header_search_placeholder_color ) { $css .= '#site-header.medium-header #medium-searchform label{color:'. $medium_header_search_placeholder_color .';}'; } // Add search button color for medium header style if ( ! empty( $medium_header_search_button_color ) && '#333333' != $medium_header_search_button_color ) { $css .= '#site-header.medium-header #medium-searchform button{color:'. $medium_header_search_button_color .';}'; } // Add search button hover color for medium header style if ( ! empty( $medium_header_search_button_hover_color ) && '#13aff0' != $medium_header_search_button_hover_color ) { $css .= '#site-header.medium-header #medium-searchform button:hover{color:'. $medium_header_search_button_hover_color .';}'; } } // Vertical header padding if ( 'vertical' == $header_style ) { // Collapse width if ( ! empty( $vertical_header_collapse_width ) && '1280' != $vertical_header_collapse_width ) { $css .= '@media only screen and (max-width: '. $vertical_header_collapse_width .'px) { body.vertical-header-style.left-header #site-header.vertical-header {left: -266px;} body.vertical-header-style.left-header #outer-wrap {margin-left: 34px;} body.vertical-header-style.right-header #site-header.vertical-header {right: -266px;} body.vertical-header-style.right-header #outer-wrap {margin-right: 34px;} body.vertical-header-style.vh-opened.left-header #site-header.vertical-header {left: 0;} body.vertical-header-style.vh-opened.right-header #site-header.vertical-header {right: 0;} body.vertical-header-style.vh-opened #site-header.vertical-header #site-navigation-wrap {padding-right: 0;} #site-header.vertical-header .vertical-toggle { display: block; } #site-header.vertical-header #site-navigation-wrap { padding-right: 34px; } }'; } // Width if ( ! empty( $vertical_header_width ) && '300' != $vertical_header_width ) { $css .= '#site-header.vertical-header{width:'. $vertical_header_width .'px;}'; // Wrap margin if left header if ( ! empty( $vertical_header_width ) && '300' != $vertical_header_width && 'left-header' == get_theme_mod( 'ocean_vertical_header_position', 'left-header' ) ) { $css .= 'body.vertical-header-style.left-header #outer-wrap {margin-left:'. $vertical_header_width .'px;}'; } // Wrap margin if right header if ( ! empty( $vertical_header_width ) && '300' != $vertical_header_width && 'right-header' == get_theme_mod( 'ocean_vertical_header_position', 'left-header' ) ) { $css .= 'body.vertical-header-style.right-header #outer-wrap {margin-right:'. $vertical_header_width .'px;}'; } // If closed header $css .= ' body.vertical-header-style.vh-closed.left-header #site-header.vertical-header {left: -'. $vertical_header_width .'px;} body.vertical-header-style.vh-closed.left-header #outer-wrap {margin-left: 34px;} body.vertical-header-style.vh-closed.right-header #site-header.vertical-header {right: -'. $vertical_header_width .'px;} body.vertical-header-style.vh-closed.right-header #outer-wrap {margin-right: 34px;}'; // For small screens $vh_width_minus = $vertical_header_width - 34; if ( ! empty( $vertical_header_collapse_width ) ) { $media_width = $vertical_header_collapse_width; } else { $media_width = '1280'; } $css .= '@media only screen and (max-width: '. $media_width .'px) { body.vertical-header-style.left-header #site-header.vertical-header {left: -'. $vh_width_minus .'px;} body.vertical-header-style.left-header #outer-wrap {margin-left: 34px;} body.vertical-header-style.right-header #site-header.vertical-header {right: -'. $vh_width_minus .'px;} body.vertical-header-style.right-header #outer-wrap {margin-right: 34px;} }'; } // Vertical header top/bottom padding if ( isset( $vertical_header_inner_top_padding ) && '30' != $vertical_header_inner_top_padding && '' != $vertical_header_inner_top_padding || isset( $vertical_header_inner_bottom_padding ) && '30' != $vertical_header_inner_bottom_padding && '' != $vertical_header_inner_bottom_padding ) { $css .= '#site-header.vertical-header #site-header-inner{padding:'. oceanwp_spacing_css( $vertical_header_inner_top_padding, '', $vertical_header_inner_bottom_padding, '' ) .'}'; } // Vertical header left/right padding if ( isset( $vertical_header_inner_right_padding ) && '30' != $vertical_header_inner_right_padding && '' != $vertical_header_inner_right_padding || isset( $vertical_header_inner_left_padding ) && '30' != $vertical_header_inner_left_padding && '' != $vertical_header_inner_left_padding ) { $css .= '#site-header.vertical-header #site-header-inner>*:not(#site-navigation-wrap), #site-header.vertical-header #site-navigation-wrap .dropdown-menu > li > a{padding:'. oceanwp_spacing_css( '', $vertical_header_inner_right_padding, '', $vertical_header_inner_left_padding ) .'}'; } // Tablet vertical header padding if ( isset( $tablet_vertical_header_inner_top_padding ) && '' != $tablet_vertical_header_inner_top_padding || isset( $tablet_vertical_header_inner_right_padding ) && '' != $tablet_vertical_header_inner_right_padding || isset( $tablet_vertical_header_inner_bottom_padding ) && '' != $tablet_vertical_header_inner_bottom_padding || isset( $tablet_vertical_header_inner_left_padding ) && '' != $tablet_vertical_header_inner_left_padding ) { $css .= '@media (max-width: 768px){#site-header-inner{padding:'. oceanwp_spacing_css( $tablet_vertical_header_inner_top_padding, $tablet_vertical_header_inner_right_padding, $tablet_vertical_header_inner_bottom_padding, $tablet_vertical_header_inner_left_padding ) .'}}'; } // Mobile vertical header padding if ( isset( $mobile_vertical_header_inner_top_padding ) && '' != $mobile_vertical_header_inner_top_padding || isset( $mobile_vertical_header_inner_right_padding ) && '' != $mobile_vertical_header_inner_right_padding || isset( $mobile_vertical_header_inner_bottom_padding ) && '' != $mobile_vertical_header_inner_bottom_padding || isset( $mobile_vertical_header_inner_left_padding ) && '' != $mobile_vertical_header_inner_left_padding ) { $css .= '@media (max-width: 480px){#site-header-inner{padding:'. oceanwp_spacing_css( $mobile_vertical_header_inner_top_padding, $mobile_vertical_header_inner_right_padding, $mobile_vertical_header_inner_bottom_padding, $mobile_vertical_header_inner_left_padding ) .'}}'; } // Menu items padding if ( ! empty( $vertical_header_menu_items_padding ) && '17' != $vertical_header_menu_items_padding ) { $css .= '#site-header.vertical-header #site-navigation-wrap .dropdown-menu > li > a{padding-top:'. $vertical_header_menu_items_padding .'px; padding-bottom:'. $vertical_header_menu_items_padding .'px;}'; } // Menu items border color if ( ! empty( $vertical_header_menu_items_border_color ) && 'rgba(0,0,0,0.05)' != $vertical_header_menu_items_border_color ) { $css .= '#site-header.vertical-header #site-navigation-wrap .dropdown-menu li, #site-header.vertical-header #site-navigation-wrap .dropdown-menu .sub-menu{border-color:'. $vertical_header_menu_items_border_color .';}'; } // Sub menu background color if ( ! empty( $vertical_header_sub_menu_bg ) && 'rgba(0,0,0,0.03)' != $vertical_header_sub_menu_bg ) { $css .= '#site-header.vertical-header #site-navigation-wrap .dropdown-menu .sub-menu{background-color:'. $vertical_header_sub_menu_bg .';}'; } // Sub menu links color if ( ! empty( $vertical_header_sub_menu_sub_menu_links_color ) && '#333333' != $vertical_header_sub_menu_sub_menu_links_color ) { $css .= '#site-header.vertical-header .dropdown-menu ul li a.menu-link{color:'. $vertical_header_sub_menu_sub_menu_links_color .';}'; } // Sub menu links hover color if ( ! empty( $vertical_header_sub_menu_links_hover_color ) && '#555555' != $vertical_header_sub_menu_links_hover_color ) { $css .= '#site-header.vertical-header .dropdown-menu ul li a.menu-link:hover{color:'. $vertical_header_sub_menu_links_hover_color .';}'; } // Sub menu links background color if ( ! empty( $vertical_header_sub_menu_links_bg ) ) { $css .= '#site-header.vertical-header .dropdown-menu ul li a.menu-link{background-color:'. $vertical_header_sub_menu_links_bg .';}'; } // Sub menu links hover background color if ( ! empty( $vertical_header_sub_menu_links_hover_bg ) && '#f8f8f8' != $vertical_header_sub_menu_links_hover_bg ) { $css .= '#site-header.vertical-header .dropdown-menu ul li a.menu-link:hover{background-color:'. $vertical_header_sub_menu_links_hover_bg .';}'; } // Search top border width if ( ! empty( $vertical_header_search_border_width ) ) { $css .= '#site-header.vertical-header #vertical-searchform form input{border-width:'. $vertical_header_search_border_width .';}'; } // Search border radius if ( ! empty( $vertical_header_search_border_radius ) ) { $css .= '#site-header.vertical-header #vertical-searchform form input, #site-header.vertical-header #vertical-searchform form .search-bg{border-radius:'. $vertical_header_search_border_radius .';}'; } // Search Background Color if ( ! empty( $vertical_header_search_bg ) && 'rgba(0,0,0,0.03)' != $vertical_header_search_bg ) { $css .= '#site-header.vertical-header #vertical-searchform form .search-bg{background-color:'. $vertical_header_search_bg .';}'; } // Search Color if ( ! empty( $vertical_header_search_color ) && '#333333' != $vertical_header_search_color ) { $css .= '#site-header.vertical-header #vertical-searchform form input, #site-header.vertical-header #vertical-searchform form label{color:'. $vertical_header_search_color .';}'; } // Search border Color if ( ! empty( $vertical_header_search_border_color ) && 'rgba(0,0,0,0.04)' != $vertical_header_search_border_color ) { $css .= '#site-header.vertical-header #vertical-searchform form input{border-color:'. $vertical_header_search_border_color .';}'; } // Search hover border Color if ( ! empty( $vertical_header_search_hover_border_color ) ) { $css .= '#site-header.vertical-header #vertical-searchform form input:hover{border-color:'. $vertical_header_search_hover_border_color .';}'; } // Search focus border Color if ( ! empty( $vertical_header_search_focus_border_color ) ) { $css .= '#site-header.vertical-header #vertical-searchform form input:focus{border-color:'. $vertical_header_search_focus_border_color .';}'; } // Search Button Color if ( ! empty( $vertical_header_search_btn_color ) && '#777777' != $vertical_header_search_btn_color ) { $css .= '#site-header.vertical-header #vertical-searchform form button{color:'. $vertical_header_search_btn_color .';}'; } // Search Button Hover Color if ( ! empty( $vertical_header_search_btn_hover_color ) && '#333333' != $vertical_header_search_btn_hover_color ) { $css .= '#site-header.vertical-header #vertical-searchform form button:hover{color:'. $vertical_header_search_btn_hover_color .';}'; } // Custom hamburger button color if ( ! empty( $vertical_header_hamburger_color ) && '#000000' != $vertical_header_hamburger_color ) { $css .= '.vertical-toggle .hamburger-inner, .vertical-toggle .hamburger-inner::before, .vertical-toggle .hamburger-inner::after{background-color:'. $vertical_header_hamburger_color .';}'; } } // Header media overlay color if ( ! empty( $header_image_overlay_color ) && 'rgba(0,0,0,0.3)' != $header_image_overlay_color ) { $css .= '#site-header.has-header-media .overlay-header-media{background-color:'. $header_image_overlay_color .';}'; } // Header logo max width if ( ! empty( $logo_max_width ) ) { $css .= '#site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-width:'. $logo_max_width .'px;}'; } // Header logo max width tablet if ( ! empty( $logo_max_width_tablet ) ) { $css .= '@media (max-width: 768px){#site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-width:'. $logo_max_width_tablet .'px;}}'; } // Header logo max width mobile if ( ! empty( $logo_max_width_mobile ) ) { $css .= '@media (max-width: 480px){#site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-width:'. $logo_max_width_mobile .'px;}}'; } // Header logo max height if ( ! empty( $logo_max_height ) ) { $css .= '#site-header #site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-height:'. $logo_max_height .'px;}'; } // Header logo max height tablet if ( ! empty( $logo_max_height_tablet ) ) { $css .= '@media (max-width: 768px){#site-header #site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-height:'. $logo_max_height_tablet .'px;}}'; } // Header logo max height mobile if ( ! empty( $logo_max_height_mobile ) ) { $css .= '@media (max-width: 480px){#site-header #site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-height:'. $logo_max_height_mobile .'px;}}'; } // Header logo color if ( ! empty( $logo_color ) && '#333333' != $logo_color ) { $css .= '#site-logo a.site-logo-text{color:'. $logo_color .';}'; } // Header logo hover color if ( ! empty( $logo_hover_color ) && '#13aff0' != $logo_hover_color ) { $css .= '#site-logo a.site-logo-text:hover{color:'. $logo_hover_color .';}'; } // Responsive logo max height if ( ! empty( $responsive_logo_height ) ) { $css .= '#site-logo.has-responsive-logo .responsive-logo-link img{max-height:'. $responsive_logo_height .'px;}'; } // Search dropdown input background if ( ! empty( $search_dropdown_input_bg ) ) { $css .= '#searchform-dropdown input, #icon-searchform-dropdown input{background-color:'. $search_dropdown_input_bg .';}'; } // Search dropdown input color if ( ! empty( $search_dropdown_input_color ) && '#333333' != $search_dropdown_input_color ) { $css .= '#searchform-dropdown input, #icon-searchform-dropdown input{color:'. $search_dropdown_input_color .';}'; } // Search dropdown input border color if ( ! empty( $search_dropdown_input_border ) && '#dddddd' != $search_dropdown_input_border ) { $css .= '#searchform-dropdown input, #icon-searchform-dropdown input{border-color:'. $search_dropdown_input_border .';}'; } // Search dropdown input border color focus if ( ! empty( $search_dropdown_input_border_focus ) && '#bbbbbb' != $search_dropdown_input_border_focus ) { $css .= '#searchform-dropdown input:focus, #icon-searchform-dropdown input:focus{border-color:'. $search_dropdown_input_border_focus .';}'; } // Search overlay background color if ( ! empty( $search_overlay_bg ) && 'rgba(0,0,0,0.9)' != $search_overlay_bg ) { $css .= '#searchform-overlay, #icon-searchform-overlay{background-color:'. $search_overlay_bg .';}'; } // Search overlay input color if ( ! empty( $search_overlay_input_color ) && '#ffffff' != $search_overlay_input_color ) { $css .= '#searchform-overlay form input, #searchform-overlay form label, #icon-searchform-overlay form input, #icon-searchform-overlay form label{color:'. $search_overlay_input_color .';}'; } // Search overlay input placeholder color if ( ! empty( $search_overlay_placeholder_color ) && '#ffffff' != $search_overlay_placeholder_color ) { $css .= '#searchform-overlay form label, #icon-searchform-overlay form label{color:'. $search_overlay_placeholder_color .';}'; } // Search overlay input dashed background if ( ! empty( $search_overlay_input_dashed_bg ) && '#ffffff' != $search_overlay_input_dashed_bg ) { $css .= '#searchform-overlay form label i, #icon-searchform-overlay form label i{background-color:'. $search_overlay_input_dashed_bg .';}'; } // Search overlay input border color if ( ! empty( $search_overlay_input_border ) && '#444444' != $search_overlay_input_border ) { $css .= '#searchform-overlay form input, #icon-searchform-overlay form input{border-color:'. $search_overlay_input_border .';}'; } // Search overlay input border color hover if ( ! empty( $search_overlay_input_border_hover ) && '#777777' != $search_overlay_input_border_hover ) { $css .= '#searchform-overlay form input:hover, #icon-searchform-overlay form input:hover{border-color:'. $search_overlay_input_border_hover .';}'; } // Search overlay input border color focus if ( ! empty( $search_overlay_input_border_focus ) && '#ffffff' != $search_overlay_input_border_focus ) { $css .= '#searchform-overlay form input:focus, #icon-searchform-overlay form input:focus{border-color:'. $search_overlay_input_border_focus .';}'; } // Search overlay close button color if ( ! empty( $search_overlay_close_button_color ) && '#ffffff' != $search_overlay_close_button_color ) { $css .= '#searchform-overlay a.search-overlay-close span::before, #searchform-overlay a.search-overlay-close span::after, #icon-searchform-overlay a.search-overlay-close span::before, #icon-searchform-overlay a.search-overlay-close span::after{background-color:'. $search_overlay_close_button_color .';}'; } // Links effect blue color if ( ! empty( $links_effect_blue_color ) && '#13aff0' != $links_effect_blue_color ) { $css .= '.effect-one #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after, .effect-three #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after, .effect-five #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:before, .effect-five #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after, .effect-nine #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:before, .effect-nine #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after{background-color: '. $links_effect_blue_color .';}'; $css .= '.effect-four #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:before, .effect-four #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after, .effect-seven #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:after, .effect-seven #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:after{color: '. $links_effect_blue_color .';}'; $css .= '.effect-seven #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:after, .effect-seven #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:after{text-shadow: 10px 0 '. $links_effect_blue_color .', -10px 0 '. $links_effect_blue_color .';}'; } // Links effect dark color if ( ! empty( $links_effect_dark_color ) && 'rgba(0,0,0,0.1)' != $links_effect_dark_color ) { $css .= '.effect-two #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after, .effect-eight #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:before, .effect-eight #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after{background-color: '. $links_effect_dark_color .';}'; $css .= '.effect-six #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:before, .effect-six #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after{border-color: '. $links_effect_dark_color .';}'; $css .= '.effect-ten #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span, .effect-ten #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span{-webkit-box-shadow: 0 0 10px 4px '. $links_effect_dark_color .'; -moz-box-shadow: 0 0 10px 4px '. $links_effect_dark_color .'; box-shadow: 0 0 10px 4px '. $links_effect_dark_color .';}'; } // Menu items padding if ( ! empty( $menu_items_padding ) && '15' != $menu_items_padding ) { $css .= '#site-navigation-wrap .dropdown-menu > li > a{padding: 0 '. $menu_items_padding .'px;}'; } // Menu link color if ( ! empty( $menu_link_color ) && '#555555' != $menu_link_color ) { $css .= '#site-navigation-wrap .dropdown-menu > li > a,.oceanwp-mobile-menu-icon a,#searchform-header-replace-close{color:'. $menu_link_color .';}'; $css .= '#site-navigation-wrap .dropdown-menu > li > a .owp-icon use,.oceanwp-mobile-menu-icon a .owp-icon use,#searchform-header-replace-close .owp-icon use{stroke:'. $menu_link_color .';}'; } // Menu link color hover if ( ! empty( $menu_link_color_hover ) && '#13aff0' != $menu_link_color_hover ) { $css .= '#site-navigation-wrap .dropdown-menu > li > a:hover,.oceanwp-mobile-menu-icon a:hover,#searchform-header-replace-close:hover{color:'. $menu_link_color_hover .';}'; $css .= '#site-navigation-wrap .dropdown-menu > li > a:hover .owp-icon use,.oceanwp-mobile-menu-icon a:hover .owp-icon use,#searchform-header-replace-close:hover .owp-icon use{stroke:'. $menu_link_color_hover .';}'; } // Menu link active color if ( ! empty( $menu_link_color_active ) && '#555555' != $menu_link_color_active ) { $css .= '#site-navigation-wrap .dropdown-menu > .current-menu-item > a,#site-navigation-wrap .dropdown-menu > .current-menu-ancestor > a,#site-navigation-wrap .dropdown-menu > .current-menu-item > a:hover,#site-navigation-wrap .dropdown-menu > .current-menu-ancestor > a:hover{color:'. $menu_link_color_active .';}'; } // Menu link background color if ( ! empty( $menu_link_background ) ) { $css .= '#site-navigation-wrap .dropdown-menu > li > a{background-color:'. $menu_link_background .';}'; } // Menu link hover background color if ( ! empty( $menu_link_hover_background ) ) { $css .= '#site-navigation-wrap .dropdown-menu > li > a:hover,#site-navigation-wrap .dropdown-menu > li.sfHover > a{background-color:'. $menu_link_hover_background .';}'; } // Menu link active background color if ( ! empty( $menu_link_active_background ) ) { $css .= '#site-navigation-wrap .dropdown-menu > .current-menu-item > a,#site-navigation-wrap .dropdown-menu > .current-menu-ancestor > a,#site-navigation-wrap .dropdown-menu > .current-menu-item > a:hover,#site-navigation-wrap .dropdown-menu > .current-menu-ancestor > a:hover{background-color:'. $menu_link_active_background .';}'; } // Dropdown menu width if ( ! empty( $dropdown_width ) && '180' != $dropdown_width ) { $css .= '.dropdown-menu .sub-menu{min-width:'. $dropdown_width .'px;}'; } // Dropdown menu background color if ( ! empty( $dropdown_menu_background ) && '#ffffff' != $dropdown_menu_background ) { $css .= '.dropdown-menu .sub-menu,#searchform-dropdown,.current-shop-items-dropdown{background-color:'. $dropdown_menu_background .';}'; } // Dropdown menu top border color if ( ! empty( $dropdown_menu_top_border ) && '#13aff0' != $dropdown_menu_top_border ) { $css .= '.dropdown-menu .sub-menu,#searchform-dropdown,.current-shop-items-dropdown{border-color:'. $dropdown_menu_top_border .';}'; } // Dropdown menu borders color if ( ! empty( $dropdown_menu_borders ) && '#f1f1f1' != $dropdown_menu_borders ) { $css .= '.dropdown-menu ul li.menu-item,.navigation > ul > li > ul.megamenu.sub-menu > li,.navigation .megamenu li ul.sub-menu{border-color:'. $dropdown_menu_borders .';}'; } // Dropdown menu link color if ( ! empty( $dropdown_menu_link_color ) && '#333333' != $dropdown_menu_link_color ) { $css .= '.dropdown-menu ul li a.menu-link{color:'. $dropdown_menu_link_color .';}'; $css .= '.dropdown-menu ul li a.menu-link .owp-icon use{stroke:'. $dropdown_menu_link_color .';}'; } // Dropdown menu link hover color if ( ! empty( $dropdown_menu_link_color_hover ) && '#555555' != $dropdown_menu_link_color_hover ) { $css .= '.dropdown-menu ul li a.menu-link:hover{color:'. $dropdown_menu_link_color_hover .';}'; $css .= '.dropdown-menu ul li a.menu-link:hover .owp-icon use{stroke:'. $dropdown_menu_link_color_hover .';}'; } // Dropdown menu link hover background color if ( ! empty( $dropdown_menu_link_hover_bg ) && '#f8f8f8' != $dropdown_menu_link_hover_bg ) { $css .= '.dropdown-menu ul li a.menu-link:hover{background-color:'. $dropdown_menu_link_hover_bg .';}'; } // Dropdown menu link active color if ( ! empty( $dropdown_menu_link_color_active ) ) { $css .= '.dropdown-menu ul > .current-menu-item > a.menu-link{color:'. $dropdown_menu_link_color_active .';}'; } // Dropdown menu link active background color if ( ! empty( $dropdown_menu_link_bg_active ) ) { $css .= '.dropdown-menu ul > .current-menu-item > a.menu-link{background-color:'. $dropdown_menu_link_bg_active .';}'; } // Dropdown menu link active background color if ( ! empty( $dropdown_category_title_bg ) && '#f8f8f8' != $dropdown_category_title_bg ) { $css .= '.navigation li.mega-cat .mega-cat-title{background-color:'. $dropdown_category_title_bg .';}'; } // Dropdown menu link active background color if ( ! empty( $dropdown_category_title_color ) && '#222222' != $dropdown_category_title_color ) { $css .= '.navigation li.mega-cat .mega-cat-title{color:'. $dropdown_category_title_color .';}'; } // Dropdown menu link active background color if ( ! empty( $dropdown_category_links_color ) && '#555555' != $dropdown_category_links_color ) { $css .= '.navigation li.mega-cat ul li .mega-post-title a{color:'. $dropdown_category_links_color .';}'; } // Dropdown menu link active background color if ( ! empty( $dropdown_category_links_hover_color ) && '#333333' != $dropdown_category_links_hover_color ) { $css .= '.navigation li.mega-cat ul li .mega-post-title a:hover{color:'. $dropdown_category_links_hover_color .';}'; } // Dropdown menu link active background color if ( ! empty( $dropdown_category_date_color ) && '#bbbbbb' != $dropdown_category_date_color ) { $css .= '.navigation li.mega-cat ul li .mega-post-date{color:'. $dropdown_category_date_color .';}'; $css .= '.navigation li.mega-cat ul li .mega-post-date .owp-icon use{stroke:'. $dropdown_category_date_color .';}'; } // Add social menu font size if ( ! empty( $menu_social_font_size ) ) { $css .= '.oceanwp-social-menu ul li a,.oceanwp-social-menu .colored ul li a,.oceanwp-social-menu .minimal ul li a,.oceanwp-social-menu .dark ul li a{font-size:'. $menu_social_font_size .'px;}'; $css .= '.oceanwp-social-menu ul li a .owp-icon,.oceanwp-social-menu .colored ul li a .owp-icon,.oceanwp-social-menu .minimal ul li a .owp-icon,.oceanwp-social-menu .dark ul li a .owp-icon{width:'. $menu_social_font_size .'px; height:'. $menu_social_font_size .'px;}'; } // Add social menu tablet font size if ( ! empty( $menu_social_tablet_font_size ) ) { $css .= '@media (max-width: 768px){.oceanwp-social-menu ul li a,.oceanwp-social-menu .colored ul li a,.oceanwp-social-menu .minimal ul li a,.oceanwp-social-menu .dark ul li a,.sidr-class-social-menu-inner ul li a{font-size:'. $menu_social_tablet_font_size .'px;}}'; $css .= '@media (max-width: 768px){.oceanwp-social-menu ul li a .owp-icon,.oceanwp-social-menu .colored ul li a .owp-icon,.oceanwp-social-menu .minimal ul li a .owp-icon,.oceanwp-social-menu .dark ul li a .owp-icon{width:'. $menu_social_tablet_font_size .'px; height:'. $menu_social_tablet_font_size .'px;}}'; } // Add social menu mobile font size if ( ! empty( $menu_social_mobile_font_size ) ) { $css .= '@media (max-width: 480px){.oceanwp-social-menu ul li a,.oceanwp-social-menu .colored ul li a,.oceanwp-social-menu .minimal ul li a,.oceanwp-social-menu .dark ul li a,.sidr-class-social-menu-inner ul li a{font-size:'. $menu_social_mobile_font_size .'px;}}'; $css .= '@media (max-width: 480px){.oceanwp-social-menu ul li a .owp-icon,.oceanwp-social-menu .colored ul li a .owp-icon,.oceanwp-social-menu .minimal ul li a .owp-icon,.oceanwp-social-menu .dark ul li a .owp-icon{width:'. $menu_social_mobile_font_size .'px; height:'. $menu_social_mobile_font_size .'px;}}'; } // Social menu padding if ( isset( $menu_social_top_padding ) && '' != $menu_social_top_padding || isset( $menu_social_right_padding ) && '' != $menu_social_right_padding || isset( $menu_social_bottom_padding ) && '' != $menu_social_bottom_padding || isset( $menu_social_left_padding ) && '' != $menu_social_left_padding ) { $css .= '.oceanwp-social-menu ul li a{padding:'. oceanwp_spacing_css( $menu_social_top_padding, $menu_social_right_padding, $menu_social_bottom_padding, $menu_social_left_padding ) .'}'; } // Tablet social menu padding if ( isset( $menu_social_tablet_top_padding ) && '' != $menu_social_tablet_top_padding || isset( $menu_social_tablet_right_padding ) && '' != $menu_social_tablet_right_padding || isset( $menu_social_tablet_bottom_padding ) && '' != $menu_social_tablet_bottom_padding || isset( $menu_social_tablet_left_padding ) && '' != $menu_social_tablet_left_padding ) { $css .= '@media (max-width: 768px){.oceanwp-social-menu ul li a{padding:'. oceanwp_spacing_css( $menu_social_tablet_top_padding, $menu_social_tablet_right_padding, $menu_social_tablet_bottom_padding, $menu_social_tablet_left_padding ) .'}}'; } // Mobile social menu padding if ( isset( $menu_social_mobile_top_padding ) && '' != $menu_social_mobile_top_padding || isset( $menu_social_mobile_right_padding ) && '' != $menu_social_mobile_right_padding || isset( $menu_social_mobile_bottom_padding ) && '' != $menu_social_mobile_bottom_padding || isset( $menu_social_mobile_left_padding ) && '' != $menu_social_mobile_left_padding ) { $css .= '@media (max-width: 480px){.oceanwp-social-menu ul li a{padding:'. oceanwp_spacing_css( $menu_social_mobile_top_padding, $menu_social_mobile_right_padding, $menu_social_mobile_bottom_padding, $menu_social_mobile_left_padding ) .'}}'; } // Social menu padding if ( isset( $menu_social_right_margin ) && '' != $menu_social_right_margin || isset( $menu_social_left_margin ) && '' != $menu_social_left_margin ) { $css .= '.oceanwp-social-menu ul li a{margin:'. oceanwp_spacing_css( '', $menu_social_right_margin, '', $menu_social_left_margin ) .'}'; } // Tablet social menu padding if ( isset( $menu_social_tablet_right_margin ) && '' != $menu_social_tablet_right_margin || isset( $menu_social_tablet_left_margin ) && '' != $menu_social_tablet_left_margin ) { $css .= '@media (max-width: 768px){.oceanwp-social-menu ul li a{margin:'. oceanwp_spacing_css( '', $menu_social_tablet_right_margin, '', $menu_social_tablet_left_margin ) .'}}'; } // Mobile social menu padding if ( isset( $menu_social_mobile_right_margin ) && '' != $menu_social_mobile_right_margin || isset( $menu_social_mobile_left_margin ) && '' != $menu_social_mobile_left_margin ) { $css .= '@media (max-width: 480px){.oceanwp-social-menu ul li a{margin:'. oceanwp_spacing_css( '', $menu_social_mobile_right_margin, '', $menu_social_mobile_left_margin ) .'}}'; } // Social menu links border radius if ( ! empty( $menu_social_border_radius ) ) { $css .= '.oceanwp-social-menu ul li a{border-radius:'. $menu_social_border_radius .';}'; } // Social menu links background color if ( ! empty( $menu_social_links_bg ) ) { $css .= '.oceanwp-social-menu.simple-social ul li a{background-color:'. $menu_social_links_bg .';}'; } // Social menu links background color if ( ! empty( $menu_social_hover_links_bg ) ) { $css .= '.oceanwp-social-menu.simple-social ul li a:hover{background-color:'. $menu_social_hover_links_bg .';}'; } // Social menu links color if ( ! empty( $menu_social_links_color ) ) { $css .= '.oceanwp-social-menu.simple-social ul li a{color:'. $menu_social_links_color .';}'; $css .= '.oceanwp-social-menu.simple-social ul li a .owp-icon use{stroke:'. $menu_social_links_color .';}'; } // social menu links hover color if ( ! empty( $menu_social_hover_links_color ) ) { $css .= '.oceanwp-social-menu.simple-social ul li a:hover{color:'. $menu_social_hover_links_color .'!important;}'; $css .= '.oceanwp-social-menu.simple-social ul li a:hover .owp-icon use{stroke:'. $menu_social_hover_links_color .'!important;}'; } // Mobile menu breakpoint if ( ! empty( $mobile_menu_breakpoint ) && '959' != $mobile_menu_breakpoint ) { if ( 'custom' == $mobile_menu_breakpoint && ! empty( $mobile_menu_custom_breakpoint ) && '959' != $mobile_menu_custom_breakpoint ) { $mobile_menu_breakpoint = $mobile_menu_custom_breakpoint; } $css .= '@media (max-width: '. $mobile_menu_breakpoint .'px) { #top-bar-nav, #site-navigation-wrap, .oceanwp-social-menu, .after-header-content {display: none;} .center-logo #site-logo { float: none; position: absolute; left: 50%; padding: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #site-header.center-header #site-logo, .oceanwp-mobile-menu-icon, #oceanwp-cart-sidebar-wrap {display: block;} body.vertical-header-style #outer-wrap {margin: 0 !important;} #site-header.vertical-header { position: relative; width: 100%; left: 0 !important; right: 0 !important; } #site-header.vertical-header .has-template > #site-logo { display: block; } #site-header.vertical-header #site-header-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; padding: 0; max-width: 90%; } #site-header.vertical-header #site-header-inner > *:not(.oceanwp-mobile-menu-icon) { display: none; } #site-header.vertical-header #site-header-inner > * { padding: 0 !important; } #site-header.vertical-header #site-header-inner #site-logo { display: block; margin: 0; width: 50%; text-align: left; } body.rtl #site-header.vertical-header #site-header-inner #site-logo { text-align: right; } #site-header.vertical-header #site-header-inner .oceanwp-mobile-menu-icon { width: 50%; text-align: right; } body.rtl #site-header.vertical-header #site-header-inner .oceanwp-mobile-menu-icon { text-align: left; } #site-header.vertical-header .vertical-toggle, body.vertical-header-style.vh-closed #site-header.vertical-header .vertical-toggle { display: none; } #site-logo.has-responsive-logo .custom-logo-link { display: none; } #site-logo.has-responsive-logo .responsive-logo-link { display: block; } .is-sticky #site-logo.has-sticky-logo .responsive-logo-link { display: none; } .is-sticky #site-logo.has-responsive-logo .sticky-logo-link { display: block; } #top-bar.has-no-content #top-bar-social.top-bar-left, #top-bar.has-no-content #top-bar-social.top-bar-right {position: inherit; left: auto; right: auto; float: none; height: auto; line-height: 1.5em; margin-top: 0; text-align: center;} #top-bar.has-no-content #top-bar-social li {float: none; display: inline-block;} .owp-cart-overlay, #side-panel-wrap a.side-panel-btn { display: none !important; } }'; // Add mobile header height if ( ( 'top' != $header_style && 'medium' != $header_style ) && ! empty( $mobile_header_height ) ) { if ( 'custom' != $header_style ) { $css .= '@media (max-width: '. $mobile_menu_breakpoint .'px) {#site-logo #site-logo-inner{height:'. $mobile_header_height .'px;}}'; } $css .= '@media (max-width: '. $mobile_menu_breakpoint .'px) {.oceanwp-mobile-menu-icon a{line-height:'. $mobile_header_height .'px;}}'; } } // Custom hamburger mobile menu button color if ( 'default' != get_theme_mod( 'ocean_mobile_menu_open_hamburger', 'default' ) && ! empty( $mobile_menu_open_hamburger_color ) ) { $css .= '.mobile-menu .hamburger-inner, .mobile-menu .hamburger-inner::before, .mobile-menu .hamburger-inner::after{background-color:'. $mobile_menu_open_hamburger_color .';}'; } // Drop down mobile menu max height if ( 'dropdown' == $mobile_style && ! empty( $dropdown_mobile_menu_max_height ) && '400' != $dropdown_mobile_menu_max_height ) { $css .= '#mobile-dropdown{max-height:'. $dropdown_mobile_menu_max_height .'px;}'; } // Mobile menu sidr close button background if ( ! empty( $mobile_menu_sidr_close_button_bg ) && '#f8f8f8' != $mobile_menu_sidr_close_button_bg ) { $css .= 'a.sidr-class-toggle-sidr-close{background-color:'. $mobile_menu_sidr_close_button_bg .';}'; } // Mobile menu background if ( ! empty( $mobile_menu_sidr_background ) && '#ffffff' != $mobile_menu_sidr_background ) { $css .= '#sidr, #mobile-dropdown{background-color:'. $mobile_menu_sidr_background .';}'; } // Full screen mobile menu background if ( 'fullscreen' == $mobile_style && ! empty( $full_screen_mobile_menu_bg ) && 'rgba(0,0,0,0.9)' != $full_screen_mobile_menu_bg ) { $css .= '#mobile-fullscreen{background-color:'. $full_screen_mobile_menu_bg .';}'; } // Mobile menu borders color if ( ! empty( $mobile_menu_sidr_borders ) && 'rgba(0,0,0,0.035)' != $mobile_menu_sidr_borders ) { $css .= '#sidr li, #sidr ul, #mobile-dropdown ul li, #mobile-dropdown ul li ul{border-color:'. $mobile_menu_sidr_borders .';}'; } // Mobile menu links color if ( ! empty( $mobile_menu_links ) && '#555555' != $mobile_menu_links ) { $css .= 'body .sidr a, body .sidr-class-dropdown-toggle, #mobile-dropdown ul li a, #mobile-dropdown ul li a .dropdown-toggle, #mobile-fullscreen ul li a, #mobile-fullscreen .oceanwp-social-menu.simple-social ul li a{color:'. $mobile_menu_links .';}'; $css .= '#mobile-fullscreen a.close .close-icon-inner, #mobile-fullscreen a.close .close-icon-inner::after{background-color:'. $mobile_menu_links .';}'; } // Mobile menu links hover color if ( ! empty( $mobile_menu_links_hover ) && '#13aff0' != $mobile_menu_links_hover ) { $css .= 'body .sidr a:hover, body .sidr-class-dropdown-toggle:hover, body .sidr-class-dropdown-toggle .fa, body .sidr-class-menu-item-has-children.active > a, body .sidr-class-menu-item-has-children.active > a > .sidr-class-dropdown-toggle, #mobile-dropdown ul li a:hover, #mobile-dropdown ul li a .dropdown-toggle:hover, #mobile-dropdown .menu-item-has-children.active > a, #mobile-dropdown .menu-item-has-children.active > a > .dropdown-toggle, #mobile-fullscreen ul li a:hover, #mobile-fullscreen .oceanwp-social-menu.simple-social ul li a:hover{color:'. $mobile_menu_links_hover .';}'; $css .= '#mobile-fullscreen a.close:hover .close-icon-inner, #mobile-fullscreen a.close:hover .close-icon-inner::after{background-color:'. $mobile_menu_links_hover .';}'; } // Mobile menu links background color if ( 'fullscreen' == $mobile_style && ! empty( $full_screen_mobile_menu_links_bg ) ) { $css .= '#mobile-fullscreen ul > li > a{background-color:'. $full_screen_mobile_menu_links_bg .';}'; } // Mobile menu links hover background color if ( 'fullscreen' == $mobile_style && ! empty( $full_screen_mobile_menu_links_hover_bg ) ) { $css .= '#mobile-fullscreen ul > li > a:hover{background-color:'. $full_screen_mobile_menu_links_hover_bg .';}'; } // Mobile menu dropdowns background color if ( ! empty( $mobile_menu_sidr_dropdowns_bg ) && 'rgba(0,0,0,0.02)' != $mobile_menu_sidr_dropdowns_bg ) { $css .= '.sidr-class-dropdown-menu ul, #mobile-dropdown ul li ul, #mobile-fullscreen ul ul.sub-menu{background-color:'. $mobile_menu_sidr_dropdowns_bg .';}'; } // Mobile menu search background color if ( ! empty( $mobile_menu_sidr_search_bg ) ) { $css .= 'body .sidr-class-mobile-searchform input, #mobile-dropdown #mobile-menu-search form input{background-color:'. $mobile_menu_sidr_search_bg .';}'; } // Mobile menu search background color if ( ! empty( $mobile_menu_sidr_search_color ) && '#333333' != $mobile_menu_sidr_search_color ) { $css .= 'body .sidr-class-mobile-searchform input,body .sidr-class-mobile-searchform input:focus, #mobile-dropdown #mobile-menu-search form input, #mobile-fullscreen #mobile-search input, #mobile-fullscreen #mobile-search label{color:'. $mobile_menu_sidr_search_color .';}'; } // Mobile menu search border color if ( ! empty( $mobile_menu_sidr_search_border_color ) && '#dddddd' != $mobile_menu_sidr_search_border_color ) { $css .= 'body .sidr-class-mobile-searchform input, #mobile-dropdown #mobile-menu-search form input, #mobile-fullscreen #mobile-search input{border-color:'. $mobile_menu_sidr_search_border_color .';}'; } // Full screen mobile menu search hover border color if ( 'fullscreen' == $mobile_style && ! empty( $full_screen_mobile_menu_search_border_color_hover ) && '#ffffff' != $full_screen_mobile_menu_search_border_color_hover ) { $css .= '#mobile-fullscreen #mobile-search input:hover{border-color:'. $full_screen_mobile_menu_search_border_color_hover .';}'; } // Mobile menu search focus border color if ( ! empty( $mobile_menu_sidr_search_border_color_focus ) && '#bbbbbb' != $mobile_menu_sidr_search_border_color_focus ) { $css .= 'body .sidr-class-mobile-searchform input:focus, #mobile-dropdown #mobile-menu-search form input:focus, #mobile-fullscreen #mobile-search input:focus{border-color:'. $mobile_menu_sidr_search_border_color_focus .';}'; } // Mobile menu search border color if ( ! empty( $mobile_menu_sidr_search_button_color ) && '#555555' != $mobile_menu_sidr_search_button_color ) { $css .= '.sidr-class-mobile-searchform button, #mobile-dropdown #mobile-menu-search form button{color:'. $mobile_menu_sidr_search_button_color .';}'; $css .= '.sidr-class-mobile-searchform button .owp-icon use, #mobile-dropdown #mobile-menu-search form button .owp-icon use{stroke:'. $mobile_menu_sidr_search_button_color .';}'; } // Mobile menu search border color if ( ! empty( $mobile_menu_sidr_search_button_hover_color ) && '#222222' != $mobile_menu_sidr_search_button_hover_color ) { $css .= '.sidr-class-mobile-searchform button:hover, #mobile-dropdown #mobile-menu-search form button:hover{color:'. $mobile_menu_sidr_search_button_hover_color .';}'; $css .= '.sidr-class-mobile-searchform button:hover .owp-icon use, #mobile-dropdown #mobile-menu-search form button:hover .owp-icon use{stroke:'. $mobile_menu_sidr_search_button_hover_color .';}'; } // Return CSS if ( ! empty( $css ) ) { $output .= '/* Header CSS */'. $css; } // Return output css return $output; } /** * Get header image CSS * * @since 1.0.0 */ public static function header_image_css( $output ) { // Global vars $header_image = get_header_image(); $header_image_position = get_theme_mod( 'ocean_header_image_position' ); $header_image_attachment = get_theme_mod( 'ocean_header_image_attachment' ); $header_image_repeat = get_theme_mod( 'ocean_header_image_repeat' ); $header_image_size = get_theme_mod( 'ocean_header_image_size' ); // Define css var $css = ''; // Get site background image if ( ! empty( $header_image ) ) { $css .= 'background-image:url('. $header_image .');'; } // Get site background position if ( ! empty( $header_image_position ) && 'initial' != $header_image_position ) { $css .= 'background-position:'. $header_image_position .';'; } // Get site background attachment if ( ! empty( $header_image_attachment ) && 'initial' != $header_image_attachment ) { $css .= 'background-attachment:'. $header_image_attachment .';'; } // Get site background repeat if ( ! empty( $header_image_repeat ) && 'initial' != $header_image_repeat ) { $css .= 'background-repeat:'. $header_image_repeat .';'; } // Get site background size if ( ! empty( $header_image_size ) && 'initial' != $header_image_size ) { $css .= 'background-size:'. $header_image_size .';'; } // Return CSS if ( has_header_image() && ! empty( $css ) ) { $output .= '/* Header Image CSS */#site-header{'. $css .'}'; } // Return output css return $output; } } endif; return new OceanWP_Header_Customizer();