function edo_themne_color() { $main_color = edo_option('kt_theme_color', '#5a88ca'); $kt_theme_color_2 = edo_option('kt_theme_color_2', '#f2d03b'); $rgb_color = edo_hex2rgb($main_color); $css = <<<CSS \t/* Color Scheme */ \tbody a:hover, \tbody .top-bar .top-bar-link.dot>li>a:before, \tbody .block-category .categories>li>a:before, \tbody .option3 .advanced-search .btn-search, \tbody .option3 .wrap-block-cl .user-info .fa, \tbody .option3 .wrap-block-cl .user-info .dropdown-menu .fa, \tbody .option4 .advanced-search .btn-search, \tbody .option4 .wrap-block-cl .user-info .fa, \tbody .option4 .wrap-block-cl .user-info .dropdown-menu .fa, \tbody .widget_product_categories .children>li>a:before, \tbody .block-popular-cat .sub-categories li a:before, \t.header.style5 .advanced-search .btn-search, \t.header.style5 .user-info .main-link, \t.box-product-style8 .nav-tab li.active a, \t.box-product-style8 .nav-tab li:hover a, \t.box-product-style8 .box-link a, \t.product.style5 .btn-quick-view:before, \t.lasttest-blogs .item-blog .title a:hover, \t.lasttest-blogs .item-blog .readmore, \t.popular-tabs .nav-tab li.active a, \t.popular-tabs .nav-tab li a:hover, \t.popular-tabs .nav-tab li a:focus, \t.edo_icon.style2:hover .icon-info .title{ \t\tcolor: {$main_color}; \t} \tbody #category-select-menu .ui-state-focus, \tbody .main-bg, \tbody .block-wrap-cart .iner-block-cart>a:after, \tbody .main-menu .navbar-nav>li>a:hover, \tbody .main-menu .navbar-nav>li.active>a, \tbody .main-menu .navbar-nav>li>a:focus, \tbody .main-menu .navbar-nav>li>a:visited, \tbody .main-menu .dropdown-menu>li:hover, \tbody .button-radius .icon:before, \tbody .megamenu .widget_nav_menu ul>li:hover, \tbody .block-category .nav-tab>li>a:hover, \tbody .block-category .nav-tab>li.active>a, \tbody .block-category .categories>li>a>.text:before, \tbody .block-category .categories>li>a>.text:before, \tbody .block-category .categories>li>a:hover>.text, \tbody .owl-carousel .owl-next:hover, \tbody .owl-carousel .owl-prev:hover, \tbody .footer-block-box .block-input-box .block-button, \tbody .footer-block-box .block-input-box .mailchimp-submit, \tbody .block-social .list-social li>a:hover, \tbody .scroll_top, \tbody .block-header-right .item.item-cart, \tbody .block-vertical-menu .vertical-head, \tbody .block-tabs .nav-tab li a:hover, \tbody .block-tabs .nav-tab li.active a, \tbody .block-hot-deals2 .nav-tab li.active a:before, \tbody .block-hot-deals2 .nav-tab li:hover a:before, \tbody .option3 .wrap-block-cl .dropdown-menu>li>a:hover, \tbody .option3 .tab-cat-products .sub-cat, \tbody .block-top-review .list-product .product:hover .order, \tbody .block-top-review .list-product .product.active .order, \tbody .option4 .wrap-block-cl .dropdown-menu>li>a:hover, \tbody .option4 .block-wrap-cart .iner-block-cart>a:after, \tbody .option4 .products .btn-quick-view, \tbody .option3 .products .btn-quick-view, \tbody .display-product-option li.selected span, \tbody .display-product-option li:hover span, \tbody .products .btn-quick-view, \tbody .woocommerce #respond input#submit, \tbody .woocommerce a.button, \tbody .woocommerce button.button, \tbody .woocommerce input.button, \tbody .woocommerce #respond input#submit.alt, \tbody .woocommerce a.button.alt, \tbody .woocommerce button.button.alt, \tbody .woocommerce input.button.alt, \tbody .woocommerce #respond input#submit:hover, \tbody .woocommerce a.button:hover, \tbody .woocommerce button.button:hover, \tbody .woocommerce input.button:hover, \tbody .woocommerce #respond input#submit.alt:hover, \tbody .woocommerce a.button.alt:hover, \tbody .woocommerce button.button.alt:hover, \tbody .woocommerce input.button.alt:hover, \tbody .tagcloud a:hover, \tbody .nav-links>a:hover, \tbody .nav-links .current, \tbody.woocommerce div.product form.cart .single_add_to_cart_button:before, \tbody.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, \tbody.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, \tbody.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, \tbody.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, \tbody.woocommerce #respond input#submit:hover, \tbody.woocommerce a.button:hover, \tbody.woocommerce button.button:hover, \tbody.woocommerce input.button:hover, \tbody.woocommerce #respond input#submit.alt:hover, \tbody.woocommerce a.button.alt:hover, \tbody.woocommerce button.button.alt:hover, \tbody.woocommerce input.button.alt:hover, \tbody.woocommerce #review_form #respond .form-submit input, \tbody input[type="submit"], button, \tbody.woocommerce .wishlist_table td.product-add-to-cart .add_to_cart_button:before, \tbody .block-category-list a:hover, \t.header.style5 .block-wrap-cart, \tbody .button, \t.header.style6 .main-menu, \t.product.style5 .yith-wcwl-add-button a:hover, \t.product.style5 .yith-wcwl-wishlistaddedbrowse a:hover, \t.product.style5 .yith-wcwl-wishlistexistsbrowse a:hover, \t.product.style5 .compare.button:hover, \t.product.style5 .compare:hover, \t.lasttest-blogs.style2 .owl-carousel .owl-next:hover, \t.lasttest-blogs.style2 .owl-carousel .owl-prev:hover, \t.edo_icon.style2:hover .icon \t{ \t\tbackground-color: {$main_color}; \t} \tbody .block-category .nav-tab>li>a:hover, \tbody .block-category .nav-tab>li.active>a, \tbody .owl-carousel .owl-next:hover, \tbody .owl-carousel .owl-prev:hover, \tbody .block-social .list-social li>a:hover, \tbody .block-header-right .item .icon, \tbody .block-hot-deals2 .nav-tab li.active a:before, \tbody .block-hot-deals2 .nav-tab li:hover a:before, \tbody .option3 .main-menu .navbar-nav>li>a:hover, \tbody .option3 .main-menu .navbar-nav>li.active>a, \tbody .option3 .main-menu .navbar-nav>li>a:focus, \tbody .option3 .main-menu .navbar-nav>li>a:visited, \tbody .block3 .block-head .nav-tab.tab-category li.active, \tbody .block3 .block-head .nav-tab.tab-category li:hover, \tbody .option4 .block3 .block-head .nav-tab.default li:hover>a, \tbody .option4 .block3 .block-head .nav-tab.default li.active>a, \tbody .option3 .block3 .block-head .nav-tab.default li:hover>a, \tbody .option3 .block3 .block-head .nav-tab.default li.active>a, \tbody.woocommerce #content div.product div.thumbnails a:hover img, \tbody.woocommerce div.product div.thumbnails a:hover img, \tbody.woocommerce-page #content div.product div.thumbnails a:hover img, \tbody.woocommerce-page div.product div.thumbnails a:hover img, \t.product.style5 .yith-wcwl-add-button a:hover, \t.product.style5 .yith-wcwl-wishlistaddedbrowse a:hover, \t.product.style5 .yith-wcwl-wishlistexistsbrowse a:hover, \t.product.style5 .compare.button:hover, \t.product.style5 .compare:hover, \t.lasttest-blogs.style2 .owl-carousel .owl-next:hover, \t.lasttest-blogs.style2 .owl-carousel .owl-prev:hover, \t.edo_icon.style2:hover .icon{ \t\tborder-color: {$main_color}; \t} \tbody .block-category .categories>li>a>.text:after{ \t\t border-left: 16px solid {$main_color}; \t} \tbody .option3 .block-vertical-menu .vertical-head, \tbody .option3 .block .block-head, \tbody .block3 .block-head .block-title, \tbody .option4 .block-vertical-menu .vertical-head{ \t\tborder-top: 5px solid {$main_color}; \t} \tbody .option4 .block3 .block-head{ \t\t border-top: 2px solid {$main_color}; \t} \tbody .block-categories .sub-cat{ \t\tbackground: rgba({$rgb_color['red']},{$rgb_color['green']},{$rgb_color['blue']}, 0.9); \t} \tbody .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, \tbody .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ \t\tbackground: {$main_color}; \t} \t.header.style6 .advanced-search .btn-search, \t.header.style6 .hotline .icon, \t.header.style6 .block-wrap-cart .iner-block-cart>a:after, \t.edo_icon:hover .icon, \t.product.style6 .btn-add-cart, \t.box-product-carousel .owl-carousel .owl-prev, \t.box-product-carousel .owl-carousel .owl-next, \t.popular-tabs .nav-tab li:after, \t.popular-tabs .owl-carousel .owl-prev, \t.popular-tabs .owl-carousel .owl-next, \t.lasttest-blogs.style2 .owl-carousel .owl-next, .lasttest-blogs.style2 .owl-carousel .owl-prev, .edo_icon.style2 .icon \t{ \t\tbackground-color: {$kt_theme_color_2}; \t} \t.edo_icon:hover .icon, \t.box-product-carousel .owl-carousel .owl-prev, \t.box-product-carousel .owl-carousel .owl-next, \t.popular-tabs .owl-carousel .owl-prev, \t.popular-tabs .owl-carousel .owl-next, \t.lasttest-blogs.style2 .owl-carousel .owl-next, \t.lasttest-blogs.style2 .owl-carousel .owl-prev{ \t\tborder-color: {$kt_theme_color_2}; \t} \t.edo_icon .icon, \t.edo_icon:hover .title{ \t\tcolor: {$kt_theme_color_2}; \t} CSS; ?> <style id="edo-theme-color" type="text/css"> <?php echo apply_filters('edo_customize_css', $css); ?> </style> <?php }
protected function content($atts, $content = null) { $atts = function_exists('vc_map_get_attributes') ? vc_map_get_attributes('edo_box_text', $atts) : $atts; $atts = shortcode_atts(array('title' => '', 'text_content' => '', 'box_bg_color' => '#f25f43', 'text_color' => '#fff', 'arow_postion' => 'left', 'el_class' => '', 'css' => ''), $atts); extract($atts); $elementClass = array('base' => apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, ' ', $this->settings['base'], $atts), 'extra' => $this->getExtraClass($el_class), 'shortcode_custom' => vc_shortcode_custom_css_class($css, ' ')); $elementClass = preg_replace(array('/\\s+/', '/^\\s|\\s$/'), array(' ', ''), implode(' ', $elementClass)); $box_css = array(); $box_css[] = 'background:' . $box_bg_color . ';'; $box_css[] = 'color:' . $text_color . ';'; $text_color_rgb = edo_hex2rgb($text_color); $box_content_css = array(); $box_content_css[] = 'border-color:rgba(' . $text_color_rgb['red'] . ',' . $text_color_rgb['green'] . ',' . $text_color_rgb['blue'] . ',0.3);'; $arow_css = array(); if ($arow_postion == 'left') { $arow_css[] = 'border-right-color:' . $box_bg_color . ';'; } if ($arow_postion == 'right') { $arow_css[] = 'border-left-color:' . $box_bg_color . ';'; } if ($arow_postion == 'bottom') { $arow_css[] = 'border-top-color:' . $box_bg_color . ';'; } if ($arow_postion == 'top') { $arow_css[] = 'border-bottom-color:' . $box_bg_color . ';'; } ob_start(); ?> <div class="edo-box-text <?php echo esc_attr($arow_postion); ?> <?php echo esc_attr($elementClass); ?> " style="<?php echo implode(' ', $box_css); ?> "> <div class="box-content text-center" style="<?php echo implode(' ', $box_content_css); ?> "> <h2 class="title"><?php echo esc_html($title); ?> </h2> <div class="content"><?php echo edo_get_html($text_content); ?> </div> <span class="icon fa fa-arrow-circle-right"></span> </div> <span style="<?php echo implode(' ', $arow_css); ?> " class="arow"></span> </div> <?php return ob_get_clean(); }