index of
/
home
/
thefkyzp
/
www
/
wp-content
/
themes
/
oceanwp
/
inc
/
customizer
/
settings
/
File: /home/thefkyzp/www/wp-content/themes/oceanwp/inc/customizer/settings/topbar.php
<?php /** * Top Bar Customizer Options * * @package OceanWP WordPress theme */ if ( ! defined( 'ABSPATH' ) ) { exit; } if ( ! class_exists( 'OceanWP_Top_Bar_Customizer' ) ) : class OceanWP_Top_Bar_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' ) ); } /** * Customizer options * * @since 1.0.0 */ public function customizer_options( $wp_customize ) { /** * Panel */ $panel = 'ocean_topbar_panel'; $wp_customize->add_panel( $panel , array( 'title' => esc_html__( 'Top Bar', 'oceanwp' ), 'priority' => 210, ) ); /** * Section */ $wp_customize->add_section( 'ocean_topbar_general' , array( 'title' => esc_html__( 'General', 'oceanwp' ), 'priority' => 10, 'panel' => $panel, ) ); /** * Top Bar */ $wp_customize->add_setting( 'ocean_top_bar', array( 'default' => true, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_top_bar', array( 'label' => esc_html__( 'Enable Top Bar', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_topbar_general', 'settings' => 'ocean_top_bar', 'priority' => 10, ) ) ); /** * Top Bar Full Width */ $wp_customize->add_setting( 'ocean_top_bar_full_width', array( 'transport' => 'postMessage', 'default' => false, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_top_bar_full_width', array( 'label' => esc_html__( 'Top Bar Full Width', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_topbar_general', 'settings' => 'ocean_top_bar_full_width', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_topbar', ) ) ); /** * Top Bar Visibility */ $wp_customize->add_setting( 'ocean_top_bar_visibility', array( 'transport' => 'postMessage', 'default' => 'all-devices', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_top_bar_visibility', array( 'label' => esc_html__( 'Visibility', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_topbar_general', 'settings' => 'ocean_top_bar_visibility', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_topbar', 'choices' => array( 'all-devices' => esc_html__( 'Show On All Devices', 'oceanwp' ), 'hide-tablet' => esc_html__( 'Hide On Tablet', 'oceanwp' ), 'hide-mobile' => esc_html__( 'Hide On Mobile', 'oceanwp' ), 'hide-tablet-mobile' => esc_html__( 'Hide On Tablet & Mobile', 'oceanwp' ), ), ) ) ); /** * Top Bar Style */ $wp_customize->add_setting( 'ocean_top_bar_style', array( 'default' => 'one', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_top_bar_style', array( 'label' => esc_html__( 'Style', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_topbar_general', 'settings' => 'ocean_top_bar_style', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_topbar', 'choices' => array( 'one' => esc_html__( 'Left Content & Right Social', 'oceanwp' ), 'two' => esc_html__( 'Left Social & Right Content', 'oceanwp' ), 'three' => esc_html__( 'Centered Content & Social', 'oceanwp' ), ), ) ) ); /** * Top Bar Padding */ $wp_customize->add_setting( 'ocean_top_bar_top_padding', array( 'transport' => 'postMessage', 'default' => '8', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_setting( 'ocean_top_bar_right_padding', array( 'transport' => 'postMessage', 'default' => '0', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_setting( 'ocean_top_bar_bottom_padding', array( 'transport' => 'postMessage', 'default' => '8', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_setting( 'ocean_top_bar_left_padding', array( 'transport' => 'postMessage', 'default' => '0', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_setting( 'ocean_top_bar_tablet_top_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_top_bar_tablet_right_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_top_bar_tablet_bottom_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_top_bar_tablet_left_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_top_bar_mobile_top_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_top_bar_mobile_right_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_top_bar_mobile_bottom_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_top_bar_mobile_left_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_control( new OceanWP_Customizer_Dimensions_Control( $wp_customize, 'ocean_top_bar_padding', array( 'label' => esc_html__( 'Padding (px)', 'oceanwp' ), 'section' => 'ocean_topbar_general', 'settings' => array( 'desktop_top' => 'ocean_top_bar_top_padding', 'desktop_right' => 'ocean_top_bar_right_padding', 'desktop_bottom' => 'ocean_top_bar_bottom_padding', 'desktop_left' => 'ocean_top_bar_left_padding', 'tablet_top' => 'ocean_top_bar_tablet_top_padding', 'tablet_right' => 'ocean_top_bar_tablet_right_padding', 'tablet_bottom' => 'ocean_top_bar_tablet_bottom_padding', 'tablet_left' => 'ocean_top_bar_tablet_left_padding', 'mobile_top' => 'ocean_top_bar_mobile_top_padding', 'mobile_right' => 'ocean_top_bar_mobile_right_padding', 'mobile_bottom' => 'ocean_top_bar_mobile_bottom_padding', 'mobile_left' => 'ocean_top_bar_mobile_left_padding', ), 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_topbar', 'input_attrs' => array( 'min' => 0, 'max' => 100, 'step' => 1, ), ) ) ); /** * Top Bar Background Color */ $wp_customize->add_setting( 'ocean_top_bar_bg', array( 'transport' => 'postMessage', 'default' => '#ffffff', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_top_bar_bg', array( 'label' => esc_html__( 'Background Color', 'oceanwp' ), 'section' => 'ocean_topbar_general', 'settings' => 'ocean_top_bar_bg', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_topbar', ) ) ); /** * Top Bar Border Color */ $wp_customize->add_setting( 'ocean_top_bar_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_bar_border_color', array( 'label' => esc_html__( 'Border Color', 'oceanwp' ), 'section' => 'ocean_topbar_general', 'settings' => 'ocean_top_bar_border_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_topbar', ) ) ); /** * Top Bar Text Color */ $wp_customize->add_setting( 'ocean_top_bar_text_color', array( 'transport' => 'postMessage', 'default' => '#929292', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_top_bar_text_color', array( 'label' => esc_html__( 'Text Color', 'oceanwp' ), 'section' => 'ocean_topbar_general', 'settings' => 'ocean_top_bar_text_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_topbar', ) ) ); /** * Top Bar Link Color */ $wp_customize->add_setting( 'ocean_top_bar_link_color', array( 'transport' => 'postMessage', 'default' => '#555555', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_top_bar_link_color', array( 'label' => esc_html__( 'Link Color', 'oceanwp' ), 'section' => 'ocean_topbar_general', 'settings' => 'ocean_top_bar_link_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_topbar', ) ) ); /** * Top Bar Link Color Hover */ $wp_customize->add_setting( 'ocean_top_bar_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_top_bar_link_color_hover', array( 'label' => esc_html__( 'Link Color: Hover', 'oceanwp' ), 'section' => 'ocean_topbar_general', 'settings' => 'ocean_top_bar_link_color_hover', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_topbar', ) ) ); /** * Section */ $wp_customize->add_section( 'ocean_topbar_content' , array( 'title' => esc_html__( 'Content', 'oceanwp' ), 'priority' => 10, 'panel' => $panel, ) ); /** * Top Bar Template */ $wp_customize->add_setting( 'ocean_top_bar_template', array( 'default' => '0', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_top_bar_template', array( 'label' => esc_html__( 'Select Template', 'oceanwp' ), 'description' => esc_html__( 'Choose a template created in Theme Panel > My Library to replace the content.', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_topbar_content', 'settings' => 'ocean_top_bar_template', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_topbar', 'choices' => oceanwp_customizer_helpers( 'library' ), ) ) ); /** * Top Bar Content */ $wp_customize->add_setting( 'ocean_top_bar_content', array( 'transport' => 'postMessage', 'default' => esc_html__( 'Place your content here', 'oceanwp' ), 'sanitize_callback' => 'wp_kses_post', ) ); $wp_customize->add_control( new OceanWP_Customizer_Textarea_Control( $wp_customize, 'ocean_top_bar_content', array( 'label' => esc_html__( 'Content', '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_topbar_content', 'settings' => 'ocean_top_bar_content', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_topbar', ) ) ); /** * Section */ $wp_customize->add_section( 'ocean_topbar_social' , array( 'title' => esc_html__( 'Social', 'oceanwp' ), 'priority' => 10, 'panel' => $panel, ) ); /** * Top Bar Social */ $wp_customize->add_setting( 'ocean_top_bar_social', array( 'default' => true, 'sanitize_callback' => 'oceanwp_sanitize_checkbox', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_top_bar_social', array( 'label' => esc_html__( 'Enable Social', 'oceanwp' ), 'type' => 'checkbox', 'section' => 'ocean_topbar_social', 'settings' => 'ocean_top_bar_social', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_topbar', ) ) ); /** * Top Bar Social Alternative */ $wp_customize->add_setting( 'ocean_top_bar_social_alt_template', array( 'default' => '0', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_top_bar_social_alt_template', array( 'label' => esc_html__( 'Social Alternative', 'oceanwp' ), 'description' => esc_html__( 'Choose a template created in Theme Panel > My Library.', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_topbar_social', 'settings' => 'ocean_top_bar_social_alt_template', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_topbar_social', 'choices' => oceanwp_customizer_helpers( 'library' ), ) ) ); /** * Top Bar Social Link Target */ $wp_customize->add_setting( 'ocean_top_bar_social_target', array( 'transport' => 'postMessage', 'default' => 'blank', 'sanitize_callback' => 'oceanwp_sanitize_select', ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_top_bar_social_target', array( 'label' => esc_html__( 'Social Link Target', 'oceanwp' ), 'type' => 'select', 'section' => 'ocean_topbar_social', 'settings' => 'ocean_top_bar_social_target', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_topbar_social', 'choices' => array( 'blank' => esc_html__( 'New Window', 'oceanwp' ), 'self' => esc_html__( 'Same Window', 'oceanwp' ), ), ) ) ); /** * Top Bar Social Font Size */ $wp_customize->add_setting( 'ocean_top_bar_social_font_size', array( 'transport' => 'postMessage', 'default' => '14', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_setting( 'ocean_top_bar_social_tablet_font_size', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_top_bar_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_top_bar_social_font_size', array( 'label' => esc_html__( 'Font Size (px)', 'oceanwp' ), 'section' => 'ocean_topbar_social', 'settings' => array( 'desktop' => 'ocean_top_bar_social_font_size', 'tablet' => 'ocean_top_bar_social_tablet_font_size', 'mobile' => 'ocean_top_bar_social_mobile_font_size', ), 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_topbar_social', 'input_attrs' => array( 'min' => 0, 'max' => 100, 'step' => 1, ), ) ) ); /** * Top Bar Social Padding */ $wp_customize->add_setting( 'ocean_top_bar_social_right_padding', array( 'transport' => 'postMessage', 'default' => '6', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_setting( 'ocean_top_bar_social_left_padding', array( 'transport' => 'postMessage', 'default' => '6', 'sanitize_callback' => 'oceanwp_sanitize_number', ) ); $wp_customize->add_setting( 'ocean_top_bar_social_tablet_right_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_top_bar_social_tablet_left_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_top_bar_social_mobile_right_padding', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_number_blank', ) ); $wp_customize->add_setting( 'ocean_top_bar_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_top_bar_social_padding', array( 'label' => esc_html__( 'Padding (px)', 'oceanwp' ), 'section' => 'ocean_topbar_social', 'settings' => array( 'desktop_right' => 'ocean_top_bar_social_right_padding', 'desktop_left' => 'ocean_top_bar_social_left_padding', 'tablet_right' => 'ocean_top_bar_social_tablet_right_padding', 'tablet_left' => 'ocean_top_bar_social_tablet_left_padding', 'mobile_right' => 'ocean_top_bar_social_mobile_right_padding', 'mobile_left' => 'ocean_top_bar_social_mobile_left_padding', ), 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_topbar_social', 'input_attrs' => array( 'min' => 0, 'max' => 60, 'step' => 1, ), ) ) ); /** * Top Bar Social Link Color */ $wp_customize->add_setting( 'ocean_top_bar_social_links_color', array( 'transport' => 'postMessage', 'default' => '#bbbbbb', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_top_bar_social_links_color', array( 'label' => esc_html__( 'Social Links Color', 'oceanwp' ), 'section' => 'ocean_topbar_social', 'settings' => 'ocean_top_bar_social_links_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_topbar_social', ) ) ); /** * Top Bar Social Link Color Hover */ $wp_customize->add_setting( 'ocean_top_bar_social_hover_links_color', array( 'transport' => 'postMessage', 'sanitize_callback' => 'oceanwp_sanitize_color', ) ); $wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_top_bar_social_hover_links_color', array( 'label' => esc_html__( 'Social Links Color: Hover', 'oceanwp' ), 'section' => 'ocean_topbar_social', 'settings' => 'ocean_top_bar_social_hover_links_color', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_topbar_social', ) ) ); /** * Top Bar Social 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_top_bar_social_profiles[' . $key .']', array( 'sanitize_callback' => $sanitize, ) ); $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_top_bar_social_profiles[' . $key .']', array( 'label' => esc_html( $val['label'] ), 'type' => 'text', 'section' => 'ocean_topbar_social', 'settings' => 'ocean_top_bar_social_profiles[' . $key .']', 'priority' => 10, 'active_callback' => 'oceanwp_cac_has_topbar_social', ) ) ); } } /** * Get CSS * * @since 1.0.0 */ public static function head_css( $output ) { // Global vars $top_padding = get_theme_mod( 'ocean_top_bar_top_padding', '8' ); $right_padding = get_theme_mod( 'ocean_top_bar_right_padding', '0' ); $bottom_padding = get_theme_mod( 'ocean_top_bar_bottom_padding', '8' ); $left_padding = get_theme_mod( 'ocean_top_bar_left_padding', '0' ); $tablet_top_padding = get_theme_mod( 'ocean_top_bar_tablet_top_padding' ); $tablet_right_padding = get_theme_mod( 'ocean_top_bar_tablet_right_padding' ); $tablet_bottom_padding = get_theme_mod( 'ocean_top_bar_tablet_bottom_padding' ); $tablet_left_padding = get_theme_mod( 'ocean_top_bar_tablet_left_padding' ); $mobile_top_padding = get_theme_mod( 'ocean_top_bar_mobile_top_padding' ); $mobile_right_padding = get_theme_mod( 'ocean_top_bar_mobile_right_padding' ); $mobile_bottom_padding = get_theme_mod( 'ocean_top_bar_mobile_bottom_padding' ); $mobile_left_padding = get_theme_mod( 'ocean_top_bar_mobile_left_padding' ); $background = get_theme_mod( 'ocean_top_bar_bg', '#ffffff' ); $border_color = get_theme_mod( 'ocean_top_bar_border_color', '#f1f1f1' ); $text_color = get_theme_mod( 'ocean_top_bar_text_color', '#929292' ); $link_color = get_theme_mod( 'ocean_top_bar_link_color', '#555555' ); $link_color_hover = get_theme_mod( 'ocean_top_bar_link_color_hover', '#13aff0' ); $social_font_size = get_theme_mod( 'ocean_top_bar_social_font_size' ); $social_tablet_font_size = get_theme_mod( 'ocean_top_bar_social_tablet_font_size' ); $social_mobile_font_size = get_theme_mod( 'ocean_top_bar_social_mobile_font_size' ); $social_right_padding = get_theme_mod( 'ocean_top_bar_social_right_padding' ); $social_left_padding = get_theme_mod( 'ocean_top_bar_social_left_padding' ); $social_tablet_right_padding = get_theme_mod( 'ocean_top_bar_social_tablet_right_padding' ); $social_tablet_left_padding = get_theme_mod( 'ocean_top_bar_social_tablet_left_padding' ); $social_mobile_right_padding = get_theme_mod( 'ocean_top_bar_social_mobile_right_padding' ); $social_mobile_left_padding = get_theme_mod( 'ocean_top_bar_social_mobile_left_padding' ); $social_links_color = get_theme_mod( 'ocean_top_bar_social_links_color', '#bbbbbb' ); $social_hover_links_color = get_theme_mod( 'ocean_top_bar_social_hover_links_color' ); // Define css var $css = ''; // Top bar padding if ( isset( $top_padding ) && '8' != $top_padding && '' != $top_padding || isset( $right_padding ) && '0' != $right_padding && '' != $right_padding || isset( $bottom_padding ) && '8' != $bottom_padding && '' != $bottom_padding || isset( $left_padding ) && '0' != $left_padding && '' != $left_padding ) { $css .= '#top-bar{padding:'. oceanwp_spacing_css( $top_padding, $right_padding, $bottom_padding, $left_padding ) .'}'; } // Tablet top bar padding if ( isset( $tablet_top_padding ) && '' != $tablet_top_padding || isset( $tablet_right_padding ) && '' != $tablet_right_padding || isset( $tablet_bottom_padding ) && '' != $tablet_bottom_padding || isset( $tablet_left_padding ) && '' != $tablet_left_padding ) { $css .= '@media (max-width: 768px){#top-bar{padding:'. oceanwp_spacing_css( $tablet_top_padding, $tablet_right_padding, $tablet_bottom_padding, $tablet_left_padding ) .'}}'; } // Mobile top bar padding if ( isset( $mobile_top_padding ) && '' != $mobile_top_padding || isset( $mobile_right_padding ) && '' != $mobile_right_padding || isset( $mobile_bottom_padding ) && '' != $mobile_bottom_padding || isset( $mobile_left_padding ) && '' != $mobile_left_padding ) { $css .= '@media (max-width: 480px){#top-bar{padding:'. oceanwp_spacing_css( $mobile_top_padding, $mobile_right_padding, $mobile_bottom_padding, $mobile_left_padding ) .'}}'; } // Top bar background color if ( ! empty( $background ) && '#ffffff' != $background ) { $css .= '#top-bar-wrap,.oceanwp-top-bar-sticky{background-color:'. $background .';}'; } // Top bar border color if ( ! empty( $border_color ) && '#f1f1f1' != $border_color ) { $css .= '#top-bar-wrap{border-color:'. $border_color .';}'; } // Top bar text color if ( ! empty( $text_color ) && '#929292' != $text_color ) { $css .= '#top-bar-wrap,#top-bar-content strong{color:'. $text_color .';}'; } // Top bar link color if ( ! empty( $link_color ) && '#555555' != $link_color ) { $css .= '#top-bar-content a,#top-bar-social-alt a{color:'. $link_color .';}'; } // Top bar link color hover if ( ! empty( $link_color_hover ) && '#13aff0' != $link_color_hover ) { $css .= '#top-bar-content a:hover,#top-bar-social-alt a:hover{color:'. $link_color_hover .';}'; } // Add top bar social font size if ( ! empty( $social_font_size ) && '14' != $social_font_size ) { $css .= '#top-bar-social li a{font-size:'. $social_font_size .'px;}'; } // Add top bar social tablet font size if ( ! empty( $social_tablet_font_size ) ) { $css .= '@media (max-width: 768px){#top-bar-social li a{font-size:'. $social_tablet_font_size .'px;}}'; } // Add top bar social mobile font size if ( ! empty( $social_mobile_font_size ) ) { $css .= '@media (max-width: 480px){#top-bar-social li a{font-size:'. $social_mobile_font_size .'px;}}'; } // Top bar padding if ( isset( $social_right_padding ) && '6' != $social_right_padding && '' != $social_right_padding || isset( $social_left_padding ) && '6' != $social_left_padding && '' != $social_left_padding ) { $css .= '#top-bar-social li a{padding:'. oceanwp_spacing_css( '', $social_right_padding, '', $social_left_padding ) .'}'; } // Tablet top bar padding if ( isset( $social_tablet_right_padding ) && '' != $social_tablet_right_padding || isset( $social_tablet_left_padding ) && '' != $social_tablet_left_padding ) { $css .= '@media (max-width: 768px){#top-bar-social li a{padding:'. oceanwp_spacing_css( '', $social_tablet_right_padding, '', $social_tablet_left_padding ) .'}}'; } // Mobile top bar padding if ( isset( $social_mobile_right_padding ) && '' != $social_mobile_right_padding || isset( $social_mobile_left_padding ) && '' != $social_mobile_left_padding ) { $css .= '@media (max-width: 480px){#top-bar-social li a{padding:'. oceanwp_spacing_css( '', $social_mobile_right_padding, '', $social_mobile_left_padding ) .'}}'; } // Top bar social link color if ( ! empty( $social_links_color ) && '#bbbbbb' != $social_links_color ) { $css .= '#top-bar-social li a{color:'. $social_links_color .';}'; $css .= '#top-bar-social li a .owp-icon use{stroke:'. $social_links_color .';}'; } // Top bar social link color hover if ( ! empty( $social_hover_links_color ) ) { $css .= '#top-bar-social li a:hover{color:'. $social_hover_links_color .'!important;}'; $css .= '#top-bar-social li a:hover .owp-icon use{stroke:'. $social_hover_links_color .'!important;}'; } // Return CSS if ( ! empty( $css ) ) { $output .= '/* Top Bar CSS */'. $css; } // Return output css return $output; } } endif; return new OceanWP_Top_Bar_Customizer();