a, .nav-menu .current_page_ancestor > a, .nav ul li a{'; $blogger_hub_custom_css .='color: '.esc_attr($blogger_hub_menu_color).' !important;'; $blogger_hub_custom_css .='}'; // menu hover color $blogger_hub_menu_hover_color = get_theme_mod('blogger_hub_menu_hover_color'); $blogger_hub_custom_css .='.nav-menu a:hover, .nav-menu ul li a:hover{'; $blogger_hub_custom_css .='color: '.esc_attr($blogger_hub_menu_hover_color).' !important;'; $blogger_hub_custom_css .='}'; // Submenu color $blogger_hub_submenu_menu_color = get_theme_mod('blogger_hub_submenu_menu_color'); $blogger_hub_custom_css .='.nav-menu ul.sub-menu a, .nav-menu ul.sub-menu li a,.nav-menu ul.children a, .nav-menu ul.children li a{'; $blogger_hub_custom_css .='color: '.esc_attr($blogger_hub_submenu_menu_color).' !important;'; $blogger_hub_custom_css .='}'; // submenu hover color $blogger_hub_submenu_hover_color = get_theme_mod('blogger_hub_submenu_hover_color'); $blogger_hub_custom_css .='.nav-menu ul.sub-menu a:hover, .nav-menu ul.sub-menu li a:hover,.nav-menu ul.children a:hover, .nav-menu ul.children li a:hover{'; $blogger_hub_custom_css .='color: '.esc_attr($blogger_hub_submenu_hover_color).' !important;'; $blogger_hub_custom_css .='}'; // Breadcrumb Alignmennt $blogger_hub_single_page_breadcrumb_alignment = get_theme_mod('blogger_hub_single_page_breadcrumb_alignment', 'Left'); if($blogger_hub_single_page_breadcrumb_alignment == 'Center' ){ $blogger_hub_custom_css .='.bradcrumbs{'; $blogger_hub_custom_css .='text-align: '. $blogger_hub_single_page_breadcrumb_alignment .';'; $blogger_hub_custom_css .='}'; }elseif($blogger_hub_single_page_breadcrumb_alignment == 'Left' ){ $blogger_hub_custom_css .='.bradcrumbs{'; $blogger_hub_custom_css .=' text-align: '. $blogger_hub_single_page_breadcrumb_alignment .';'; $blogger_hub_custom_css .='}'; }elseif($blogger_hub_single_page_breadcrumb_alignment == 'Right' ){ $blogger_hub_custom_css .='.bradcrumbs{'; $blogger_hub_custom_css .='text-align: '. $blogger_hub_single_page_breadcrumb_alignment .';'; $blogger_hub_custom_css .='}'; } // Breadcrumb color option $blogger_hub_breadcrumb_color = get_theme_mod('blogger_hub_breadcrumb_color'); $blogger_hub_custom_css .='.bradcrumbs a,.bradcrumbs span{'; $blogger_hub_custom_css .='color: '.esc_attr($blogger_hub_breadcrumb_color).'!important;'; $blogger_hub_custom_css .='}'; // Breadcrumb bg color option $blogger_hub_breadcrumb_background_color = get_theme_mod('blogger_hub_breadcrumb_background_color'); $blogger_hub_custom_css .='.bradcrumbs a,.bradcrumbs span{'; $blogger_hub_custom_css .='background-color: '.esc_attr($blogger_hub_breadcrumb_background_color).'!important;'; $blogger_hub_custom_css .='}'; // Breadcrumb hover color option $blogger_hub_breadcrumb_hover_color = get_theme_mod('blogger_hub_breadcrumb_hover_color'); $blogger_hub_custom_css .='.bradcrumbs a:hover{'; $blogger_hub_custom_css .='color: '.esc_attr($blogger_hub_breadcrumb_hover_color).'!important;'; $blogger_hub_custom_css .='}'; // Breadcrumb hover bg color option $blogger_hub_breadcrumb_hover_bg_color = get_theme_mod('blogger_hub_breadcrumb_hover_bg_color'); $blogger_hub_custom_css .='.bradcrumbs a:hover{'; $blogger_hub_custom_css .='background-color: '.esc_attr($blogger_hub_breadcrumb_hover_bg_color).'!important;'; $blogger_hub_custom_css .='}'; // site logo margin $blogger_hub_logo_margin = get_theme_mod('blogger_hub_logo_margin', ''); $blogger_hub_custom_css .='.logo{'; $blogger_hub_custom_css .='margin: '.esc_attr($blogger_hub_logo_margin).'px;'; $blogger_hub_custom_css .='}'; // Single post image border radious $blogger_hub_single_post_img_border_radius = get_theme_mod('blogger_hub_single_post_img_border_radius', 0); $blogger_hub_custom_css .='.single-feature-img.feature-box img{'; $blogger_hub_custom_css .='border-radius: '.esc_attr($blogger_hub_single_post_img_border_radius).'px;'; $blogger_hub_custom_css .='}'; // Single post image box shadow $blogger_hub_single_post_img_box_shadow = get_theme_mod('blogger_hub_single_post_img_box_shadow',0); $blogger_hub_custom_css .='.feature-box img{'; $blogger_hub_custom_css .='box-shadow: '.esc_attr($blogger_hub_single_post_img_box_shadow).'px '.esc_attr($blogger_hub_single_post_img_box_shadow).'px '.esc_attr($blogger_hub_single_post_img_box_shadow).'px #ccc;'; $blogger_hub_custom_css .='}'; // single post image dimention $blogger_hub_single_post_image_dimension = get_theme_mod('blogger_hub_single_post_image_dimension', 'default'); $blogger_hub_single_post_image_custom_width = get_theme_mod('blogger_hub_single_post_image_custom_width',400); $blogger_hub_single_post_image_custom_height = get_theme_mod('blogger_hub_single_post_image_custom_height',400); if($blogger_hub_single_post_image_dimension == 'custom'){ $blogger_hub_custom_css .='.single-feature-img img{'; $blogger_hub_custom_css .='width: '.esc_attr($blogger_hub_single_post_image_custom_width).'px; height: '.esc_attr($blogger_hub_single_post_image_custom_height).'px;'; $blogger_hub_custom_css .='}'; } // Button Font Size $blogger_hub_button_font_size = get_theme_mod('blogger_hub_button_font_size', '16'); $blogger_hub_custom_css .='.blogbtn a{'; $blogger_hub_custom_css .='font-size: '.esc_attr($blogger_hub_button_font_size).'px;'; $blogger_hub_custom_css .='}'; // Button letter spacing $blogger_hub_button_letter_spacing = get_theme_mod('blogger_hub_button_letter_spacing', '0'); $blogger_hub_custom_css .='.blogbtn a{'; $blogger_hub_custom_css .='letter-spacing: '.esc_attr($blogger_hub_button_letter_spacing).'px;'; $blogger_hub_custom_css .='}'; //Button hover effect $blogger_hub_button_hover_effect = get_theme_mod('blogger_hub_button_hover_effect', 'disable'); if ($blogger_hub_button_hover_effect !== 'disable') { $blogger_hub_custom_css .= '.blogbtn a:hover {'; switch ($blogger_hub_button_hover_effect) { case 'pulse': $blogger_hub_custom_css .= 'animation: pulse 0.5s ease-in-out;'; break; case 'rubberBand': $blogger_hub_custom_css .= 'animation: rubberBand 0.5s ease-in-out;'; break; case 'swing': $blogger_hub_custom_css .= 'animation: swing 0.5s ease-in-out;'; break; case 'tada': $blogger_hub_custom_css .= 'animation: tada 0.5s ease-in-out;'; break; case 'jello': $blogger_hub_custom_css .= 'animation: jello 0.5s ease-in-out;'; break; } $blogger_hub_custom_css .= '}'; } $blogger_hub_sticky_sidebar = get_theme_mod('blogger_hub_sticky_sidebar'); if ( $blogger_hub_sticky_sidebar ) { $blogger_hub_custom_css .= '#sidebar {'; $blogger_hub_custom_css .= 'position: sticky;'; $blogger_hub_custom_css .= 'top: 25px;'; $blogger_hub_custom_css .= 'align-self: start;'; $blogger_hub_custom_css .= '}'; } //keyframes for all animations $blogger_hub_custom_css .= ' @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes rubberBand { 0% { transform: scale(1); } 30% { transform: scaleX(1.25) scaleY(0.75); } 40% { transform: scaleX(0.75) scaleY(1.25); } 50% { transform: scale(1); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } @keyframes jello { 0%, 11.1%, 100% { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }';