=> '#318892',
'label' => esc_html_x('Top-level Hover/Active', 'Admin', 'cheerup'),
'desc' => '',
'type' => 'color',
'css' => array(
'selectors' => array(
'.navigation .menu > li:hover > a,
.navigation .menu > .current-menu-item > a,
.navigation .menu > .current-menu-parent > a,
.navigation .menu > .current-menu-ancestor > a'
=> 'color: %s !important'
)
)
),
array(
'name' => 'css_nav_drop_bg',
'value' => '#fff',
'label' => esc_html_x('Dropdown Background', 'Admin', 'cheerup'),
'desc' => '',
'type' => 'color',
'css' => array(
'selectors' => array(
'.navigation .menu ul, .navigation .menu .sub-menu' => 'border-color: transparent; background: %s !important',
// Use transparent borders to adapt to background
'.navigation .menu > li li a' => 'border-color: rgba(255, 255, 255, 0.07)'
)
)
),
array(
'name' => 'css_nav_drop_color',
'value' => '#535353',
'label' => esc_html_x('Dropdown Links Color', 'Admin', 'cheerup'),
'desc' => '',
'type' => 'color',
'css' => array(
'selectors' => array(
'.navigation .menu > li li a' => 'color: %s !important'
)
)
),
array(
'name' => 'css_nav_drop_hover',
'value' => '#318892',
'label' => esc_html_x('Dropdown Links Hover/Active', 'Admin', 'cheerup'),
'desc' => '',
'type' => 'color',
'css' => array(
'selectors' => array(
'.navigation .menu li li:hover > a, .navigation .menu li li.current-menu-item > a' => 'color: %s !important'
)
)
),
), // fields
), // section
array(
'id' => 'style-slider',
'title' => esc_html_x('Featured Slider', 'Admin', 'cheerup'),
'fields' => array(
array(
'name' => 'css_beauty_overlay_bg',
'value' => '#fff',
'label' => esc_html_x('Beauty: Overlay Background', 'Admin', 'cheerup'),
'desc' => '',
'type' => 'color',
'css' => array(
'selectors' => array(
'.beauty-slider .overlay' => 'background-color: %s'
)
)
),
array(
'name' => 'css_beauty_overlay_opacity',
'value' => 1,
'label' => esc_html_x('Beauty: Overlay Opacity', 'Admin', 'cheerup'),
'desc' => '',
'type' => 'number',
'input_attrs' => array('max' => 1, 'min' => 0, 'step' => 0.1),
'css' => array(
'selectors' => array(
'.beauty-slider .overlay' => 'background-color: rgba({css_beauty_overlay_bg}, %s)'
)
)
),
array(
'name' => 'css_trendy_overlay_bg',
'value' => '#000',
'label' => esc_html_x('Trendy: Overlay Background', 'Admin', 'cheerup'),
'desc' => '',
'type' => 'color',
'css' => array(
'selectors' => array(
'.trendy-slider .overlay' => 'background-color: %s'
)
)
),
array(
'name' => 'css_trendy_overlay_opacity',
'value' => 0.15,
'label' => esc_html_x('Trendy: Overlay Opacity', 'Admin', 'cheerup'),
'desc' => '',
'type' => 'input',
'css' => array(
'selectors' => array(
'.trendy-slider .overlay' => 'background-color: rgba({css_trendy_overlay_bg}, %s)'
)
)
),
), // fields
), // section
array(
'id' => 'style-posts',
'title' => esc_html_x('Posts & Listings', 'Admin', 'cheerup'),
'fields' => array(
array(
'name' => 'css_posts_title_color',
'value' => '',
'label' => esc_html_x('Post Titles Color', 'Admin', 'cheerup'),
'desc' => esc_html_x('Changing this affects post title colors globally. May require adjusting post titles in other areas below.', 'Admin', 'cheerup'),
'type' => 'color',
'css' => array(
'selectors' => array(
'.post-title,
.post-title-alt,
.post-title a,
.post-title-alt a'
=> 'color: %s !important'
)
)
),
array(
'name' => 'css_posts_title_footer',
'value' => '',
'label' => esc_html_x('Footer: Post Titles', 'Admin', 'cheerup'),
'desc' => '',
'type' => 'color',
'css' => array(
'selectors' => array(
'.main-footer .post-title,
.main-footer .product-title'
=> 'color: %s !important'
)
)
),
array(
'name' => 'css_posts_title_footer',
'value' => '',
'label' => esc_html_x('Footer: Post Titles', 'Admin', 'cheerup'),
'desc' => '',
'type' => 'color',
'css' => array(
'selectors' => array(
'.main-footer .post-title,
.main-footer .product-title'
=> 'color: %s !important'
)
)
),
array(
'name' => 'css_posts_title_menu',
'value' => '',
'label' => esc_html_x('Mega Menu: Post Titles', 'Admin', 'cheerup'),
'desc' => '',
'type' => 'color',
'css' => array(
'selectors' => array(
'.mega-menu .recent-posts .post-title'
=> 'color: %s !important'
)
)
),
array(
'name' => 'css_posts_content_color',
'value' => '',
'label' => esc_html_x('Post Content Color', 'Admin', 'cheerup'),
'desc' => '',
'type' => 'color',
'css' => array(
'selectors' => array(
'.post-content' => 'color: %s'
)
)
),
array(
'name' => 'css_post_meta',
'value' => '',
'label' => esc_html_x('Post Meta Color', 'Admin', 'cheerup'),
'desc' => '',
'type' => 'color',
'css' => array(
'selectors' => array(
'.post-meta,
.post-meta-b .date-link,
.post-meta-b .comments' => 'color: %s'
)
)
),
array(
'name' => 'css_post_meta',
'value' => '',
'label' => esc_html_x('Meta Category Color', 'Admin', 'cheerup'),
'desc' => '',
'type' => 'color',
'css' => array(
'selectors' => array(
'.post-meta .post-cat > a' => 'color: %s'
)
)
),
), // fields
), // section
array(
'id' => 'style-sidebar',
'title' => esc_html_x('Sidebar', 'Admin', 'cheerup'),
'fields' => array(
array(
'name' => 'css_sidebar_widget_title',
'value' => '',
'label' => esc_html_x('Widget Titles Background', 'Admin', 'cheerup'),
'desc' => '',
'type' => 'color',
'css' => array(
'selectors' => array(
'.sidebar .widget:not(.widget_mc4wp_form_widget):not(.widget-subscribe) .widget-title' => 'background-color: %s',
)
)
),
array(
'name' => 'css_sidebar_title_color',
'value' => '',
'label' => esc_html_x('Widget Titles Color', 'Admin', 'cheerup'),
'desc' => '',
'type' => 'color',
'css' => array(
'selectors' => array(
'.sidebar .widget:not(.widget_mc4wp_form_widget):not(.widget-subscribe) .widget-title' => 'color: %s',
)
)
),
array(
'name' => 'css_sidebar_widget_margin',
'value' => 45,
'label' => esc_html_x('Widget Bottom Spacing', 'Admin', 'cheerup'),
'desc' => '',
'type' => 'number',
'css' => array(
'selectors' => array(
'.sidebar .widget' => 'margin-bottom: %spx'
)
)
),
), // fields
), // section
) // sections
), // panel
array(
'title' => esc_html_x('Typography & Fonts', 'Admin', 'cheerup'),
'id' => 'sphere-typography',
'desc' => esc_html_x('All the typography fonts are from Google Fonts. You can either select one from the list or click and type the name of any font from Google Fonts directory.', 'Admin', 'cheerup'),
'sections' => array(
array(
'id' => 'typography-fonts',
'title' => esc_html_x('Fonts & Sizes', 'Admin', 'cheerup'),
'fields' => array(
array(
'name' => 'css_font_text',
'label' => esc_html_x('Primary Font', 'Admin', 'cheerup'),
'value' => array('font_name' => 'Merriweather'),
'desc' => esc_html_x('Used for text mainly. Select from list or click and type your own Google Font name (or TypeKit if you have configured it).', 'Admin', 'cheerup'),
'type' => 'typography',
'typeface' => true, // is family
'css' => array(
'selectors' => '
body,
input,
textarea,
select,
blockquote,
.archive-head .description,
.text,
.post-content,
.textwidget,
.post-meta .post-cat > span,
.widget_categories a,
.widget_product_categories a,
.widget_archive a,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce form .form-row,
.woocommerce .woocommerce-noreviews,
.woocommerce #reviews #comments ol.commentlist .description,
.woocommerce-cart .cart-empty,
.woocommerce-cart .cart-collaterals .cart_totals table',
)
),
array(
'name' => 'css_font_secondary',
'label' => esc_html_x('Secondary Font', 'Admin', 'cheerup'),
'value' => array('font_name' => 'Poppins'),
'desc' => esc_html_x('Used for headings, meta, navigation and so on.', 'Admin', 'cheerup'),
'type' => 'typography',
'typeface' => true, // is family
'css' => array(
'selectors' => '
h1,
h2,
h3,
h4,
h5,
h6,
input[type="submit"],
button,
input[type="button"],
.button,
.modern-quote cite,
.top-bar-content,
.search-action .search-field,
.main-head .title,
.navigation,
.tag-share,
.post-share-b .service,
.author-box,
.comments-list .comment-content,
.post-nav .label,
.main-footer.dark .back-to-top,
.lower-footer .social-icons,
.main-footer .social-strip .social-link,
.main-footer.bold .links .menu-item,
.main-footer.bold .copyright,
.archive-head,
.cat-label a,
.section-head,
.post-title-alt,
.post-title,
.block-heading,
.block-head-b,
.small-post .post-title,
.likes-count .number,
.post-meta,
.grid-post-b .read-more-btn,
.list-post-b .read-more-btn,
.post-footer .read-more,
.post-footer .social-share,
.post-footer .social-icons,
.large-post-b .post-footer .author a,
.products-block .more-link,
.main-slider,
.slider-overlay .heading,
.large-slider,
.large-slider .heading,
.grid-slider .category,
.grid-slider .heading,
.carousel-slider .category,
.carousel-slider .heading,
.grid-b-slider .heading,
.bold-slider,
.bold-slider .heading,
.main-pagination,
.main-pagination .load-button,
.page-links,
.post-content .read-more,
.widget-about .more,
.widget-posts .post-title,
.widget-posts .posts.full .counter:before,
.widget-cta .label,
.social-follow .service-link,
.widget-twitter .meta .date,
.widget-twitter .follow,
.widget_categories,
.widget_product_categories,
.widget_archive,
.mobile-menu,
.woocommerce .main .button,
.woocommerce .quantity .qty,
.woocommerce nav.woocommerce-pagination,
.woocommerce-cart .post-content,
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering,
.woocommerce ul.products,
.woocommerce.widget,
.woocommerce div.product,
.woocommerce #content div.product,
.woocommerce-cart .cart-collaterals .cart_totals .button,
.woocommerce .checkout .shop_table thead th,
.woocommerce .checkout .shop_table .amount,
.woocommerce-checkout #payment #place_order,
.top-bar .posts-ticker,
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.related-posts.grid-2 .post-title,
.related-posts .post-title,
.block-heading .title,
.single-cover .featured .post-title,
.single-creative .featured .post-title,
.single-magazine .post-top .post-title,
.author-box .author > a,
.section-head .title,
.comments-list .comment-author,
.sidebar .widget-title,
.upper-footer .widget .widget-title
',
)
),
array(
'name' => 'css_font_sidebar_title',
'label' => esc_html_x('Widget Titles', 'Admin', 'cheerup'),
'value' => array('font_name' => 'Poppins', 'font_weight' => '600', 'font_size' => '12'),
'desc' => '',
'type' => 'typography',
'css' => array(
'selectors' => '.sidebar .widget-title',
)
),
array(
'name' => 'css_font_nav_links',
'label' => esc_html_x('Navigation Links', 'Admin', 'cheerup'),
'value' => array('font_name' => 'Poppins', 'font_weight' => '600', 'font_size' => '11'),
'desc' => '',
'type' => 'typography',
'css' => array(
'selectors' => '.navigation .menu > li > a',
)
),
array(
'name' => 'css_font_nav_drops',
'label' => esc_html_x('Navigation Dropdowns', 'Admin', 'cheerup'),
'value' => array('font_name' => 'Poppins', 'font_weight' => '600', 'font_size' => '11'),
'desc' => '',
'type' => 'typography',
'css' => array(
'selectors' => '.navigation .menu > li li a',
)
),
array(
'name' => 'css_font_titles_large',
'label' => esc_html_x('Large Post Titles', 'Admin', 'cheerup'),
'value' => array('font_name' => 'Poppins', 'font_weight' => '600', 'font_size' => '25'),
'desc' => '',
'type' => 'typography',
'css' => array(
'selectors' => '.post-title-alt',
)
),
array(
'name' => 'css_font_titles_grid',
'label' => esc_html_x('Grid: Post Titles', 'Admin', 'cheerup'),
'value' => array('font_name' => 'Poppins', 'font_weight' => '600', 'font_size' => '23'),
'desc' => '',
'type' => 'typography',
'css' => array(
'selectors' => '.grid-post .post-title-alt',
)
),
array(
'name' => 'css_font_titles_list',
'label' => esc_html_x('List: Post Titles', 'Admin', 'cheerup'),
'value' => array('font_name' => 'Poppins', 'font_weight' => '600', 'font_size' => '23'),
'desc' => '',
'type' => 'typography',
'css' => array(
'selectors' => '.list-post .post-tite',
)
),
array(
'name' => 'css_font_post_body',
'label' => esc_html_x('Post Body Content', 'Admin', 'cheerup'),
'value' => array('font_name' => 'Merriweather', 'font_weight' => '400', 'font_size' => '14'),
'desc' => '',
'type' => 'typography',
'css' => array(
'selectors' => '.post-content',
)
),
array(
'name' => 'css_font_post_h1',
'label' => esc_html_x('Post Body H1', 'Admin', 'cheerup'),
'value' => array('font_size' => '25'),
'desc' => '',
'type' => 'typography',
'css' => array(
'selectors' => 'h1',
)
),
array(
'name' => 'css_font_post_h2',
'label' => esc_html_x('Post Body H2', 'Admin', 'cheerup'),
'value' => array('font_size' => '23'),
'desc' => '',
'type' => 'typography',
'css' => array(
'selectors' => 'h2',
)
),
array(
'name' => 'css_font_post_h3',
'label' => esc_html_x('Post Body H3', 'Admin', 'cheerup'),
'value' => array('font_size' => '20'),
'desc' => '',
'type' => 'typography',
'css' => array(
'selectors' => 'h3',
)
),
array(
'name' => 'css_font_post_h4',
'label' => esc_html_x('Post Body H4', 'Admin', 'cheerup'),
'value' => array('font_size' => '18'),
'desc' => '',
'type' => 'typography',
'css' => array(
'selectors' => 'h4',
)
),
array(
'name' => 'css_font_post_h5',
'label' => esc_html_x('Post Body H5', 'Admin', 'cheerup'),
'value' => array('font_size' => '16'),
'desc' => '',
'type' => 'typography',
'css' => array(
'selectors' => 'h5',
)
),
array(
'name' => 'css_font_post_h6',
'label' => esc_html_x('Post Body H6', 'Admin', 'cheerup'),
'value' => array('font_size' => '14'),
'desc' => '',
'type' => 'typography',
'css' => array(
'selectors' => 'h6',
)
),
) // fields
), // section
array(
'id' => 'typography-advanced',
'title' => esc_html_x('Typekit / Advanced', 'Admin', 'cheerup'),
'fields' => array(
array(
'name' => 'typekit_id',
'label' => esc_html_x('Typekit Kit ID', 'Admin', 'cheerup'),
'value' => '',
'desc' => esc_html_x('Refer to the documentation to learn about using Typekit.', 'Admin', 'cheerup'),
'type' => 'text'
),
array(
'name' => 'font_charset',
'label' => esc_html_x('Google Font Charsets', 'Admin', 'cheerup'),
'value' => array(),
'type' => 'checkboxes',
'options' => array(
'latin' => 'Latin',
'latin-ext' => 'Latin Extended',
'cyrillic' => 'Cyrillic',
'cyrillic-ext' => 'Cyrillic Extended',
'greek' => 'Greek',
'greek-ext' => 'Greek Extended',
'vietnamese' => 'Vietnamese'
),
),
), // fields
), // section
), // sections
), // panel
array(
'sections' => array(
array(
'id' => 'import-demos',
'title' => esc_html_x('Import Demos', 'Admin', 'cheerup'),
'fields' => array(
array(
'name' => 'import_info',
'label' => esc_html_x('Import Theme Demos', 'Admin', 'cheerup'),
'type' => 'content',
'text' => '',
)
),
), // section
) // sections
), // panel
array(
'sections' => array(
array(
'id' => 'performance',
'title' => esc_html_x('Performance', 'Admin', 'cheerup'),
'fields' => array(
array(
'name' => 'lazyload_enabled',
'label' => esc_html_x('LazyLoad Images', 'Admin', 'cheerup'),
'value' => 0,
'desc' => '',
'type' => 'checkbox',
),
array(
'name' => 'lazyload_type',
'label' => esc_html_x('Lazy Loader Type', 'Admin', 'cheerup'),
'value' => 'normal',
'desc' => '',
'type' => 'radio',
'options' => array(
'normal' => esc_html_x('Normal - Load Images on scroll', 'Admin', 'cheerup'),
'smart' => esc_html_x('Smart - Preload Images on Desktops', 'Admin', 'cheerup')
)
),
array(
'name' => 'lazyload_aggressive',
'label' => esc_html_x('Aggressive Lazy Load', 'Admin', 'cheerup'),
'value' => 0,
'desc' => esc_html_x('By default, only featured images are preloaded. Aggressive enables lazyloading on all sidebar widgets and footer as well.', 'Admin', 'cheerup'),
'type' => 'checkbox',
),
array(
'name' => 'perf_additional_sizes',
'label' => esc_html_x('Generate Extra Image Sizes', 'Admin', 'cheerup'),
'value' => 0,
'desc' => esc_html_x('Create additional image crops for more devices. WARNING: Requires powerful webhost, disable if you get HTTP ERROR on uploading images.', 'Admin', 'cheerup'),
'type' => 'checkbox',
),
) // fields
), // section
array(
'id' => 'reset-customizer',
'title' => esc_html_x('Reset Settings', 'Admin', 'cheerup'),
'fields' => array(
array(
'name' => 'reset_customizer',
'value' => esc_html_x('Reset All Settings', 'Admin', 'cheerup'),
'desc' => esc_html_x('Clicking the Reset button will revert all settings in the customizer except for menus, widgets and site identity.', 'Admin', 'cheerup'),
'type' => 'button',
'input_attrs' => array(
'class' => 'button reset-customizer',
),
)
) // fields
), // section
) // sections
), // panel
array(
'sections' => array(
array(
'id' => 'custom-css',
'title' => esc_html_x('Custom CSS', 'Admin', 'cheerup'),
'fields' => array(
array(
'name' => 'css_custom',
'value' => '',
'label' => esc_html_x('Custom CSS', 'Admin', 'cheerup'),
'desc' => '',
'type' => 'textarea',
'transport' => 'postMessage'
),
) // fields
), // section
array(
'id' => 'reset-customizer',
'title' => esc_html_x('Reset Settings', 'Admin', 'cheerup'),
'fields' => array(
array(
'name' => 'reset_customizer',
'value' => esc_html_x('Reset All Settings', 'Admin', 'cheerup'),
'desc' => esc_html_x('Clicking the Reset button will revert all settings in the customizer except for menus, widgets and site identity.', 'Admin', 'cheerup'),
'type' => 'button',
'input_attrs' => array(
'class' => 'button reset-customizer',
),
)
) // fields
), // section
) // sections
), // panel
));