DESKTOP-GBA0BK8\Admin
5229 lines
233 KiB
PHP
5229 lines
233 KiB
PHP
<?php
|
|
/**
|
|
* Header Customizer Options
|
|
*
|
|
* @package OceanWP WordPress theme
|
|
*/
|
|
|
|
if ( ! defined( 'ABSPATH' ) ) {
|
|
exit;
|
|
}
|
|
|
|
if ( ! class_exists( 'OceanWP_Header_Customizer' ) ) :
|
|
|
|
/**
|
|
* Settings for header
|
|
*/
|
|
class OceanWP_Header_Customizer {
|
|
|
|
/**
|
|
* Setup class.
|
|
*
|
|
* @since 1.0
|
|
*/
|
|
public function __construct() {
|
|
|
|
add_action( 'customize_register', array( $this, 'customizer_options' ) );
|
|
add_filter( 'ocean_head_css', array( $this, 'head_css' ) );
|
|
add_filter( 'ocean_head_css', array( $this, 'header_image_css' ) );
|
|
|
|
}
|
|
|
|
/**
|
|
* Customizer options
|
|
*
|
|
* @param WP_Customize_Manager $wp_customize Reference to WP_Customize_Manager.
|
|
* @since 1.0.0
|
|
*/
|
|
public function customizer_options( $wp_customize ) {
|
|
|
|
/**
|
|
* Panel
|
|
*/
|
|
$panel = 'ocean_header_panel';
|
|
$wp_customize->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' ), '<a href="http://docs.oceanwp.org/category/369-shortcodes" target="_blank">', '</a>' ),
|
|
'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' => 'icon-close',
|
|
'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 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{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{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{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{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{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{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{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{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{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{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{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{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 .';}';
|
|
}
|
|
|
|
// 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 .';}';
|
|
}
|
|
|
|
// 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 .';}';
|
|
}
|
|
|
|
// 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 .';}';
|
|
}
|
|
|
|
// 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 .';}';
|
|
}
|
|
|
|
// 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;}';
|
|
}
|
|
|
|
// 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;}}';
|
|
}
|
|
|
|
// 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;}}';
|
|
}
|
|
|
|
// 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 .';}';
|
|
}
|
|
|
|
// 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;}';
|
|
}
|
|
|
|
// 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 .';}';
|
|
}
|
|
|
|
// 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 .';}';
|
|
}
|
|
|
|
// 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(); |